JavaScript实现文本框中默、认显示背景图片在获得焦点后消失的方

2019-11-02 15:42:56

字体：大中小

来源：转载

供稿：网友

　　本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法。分享给大家供大家参考。具体如下：

　　html代码：

1 2 3 4 5 6 7 8 9 <form name="searchform" id="search-form"> <div> <b>Search</b> <input type="text" name="txtInput" title="Enter the terms you wish to search for." /> <input type="submit" value="GO!" class="submit" style="cursor: pointer;" /> </div> </form>

　　JS代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

俺去也电影网[www.aikan.tv/special/anquyedianyingwang/]

19 <script type="text/javascript" language="javascript"> (function() { var id = document.getElementById('search-form'); if (id && id.txtInput) { var name = id.txtInput; var unclicked = function() { if (name.value == '') { name.style.background = '#FFFFFF url(images/googbg.png) left no-repeat'; } }; var clicked = function() { name.style.background = '#ffffff'; }; name.onfocus = clicked; name.onblur = unclicked; unclicked(); } })(); </script>

　　希望本文所述对大家的javascript程序设计有所帮助。

上一篇：JavaScript获得指定对、象大小的方法

下一篇：JavaScript判断数组是否包含指、定元素的方法