手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
摘要:本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法。分享给大家供大家参考。具体如下:html代码:?123...

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

html代码:

?

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

JS代码:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 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获取两个数组交集的方法

javascript实现可全选、反选及删除表格的方法

JavaScript中使用自然对数ln的方法

JavaScript动态添加style节点的方法

JavaScript获得url查询参数的方法

JavaScript实现列表分页功能特效

javascript实现行拖动的方法

javascript实现在网页任意处点左键弹出隐藏菜单的方法

jQuery实现dialog设置focus焦点的方法

JavaScript中指定函数名称的相关方法

精品推荐
分类导航