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

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

html代码:

<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!" /> </div> </form>

JS代码:

<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实现文本框中默认显示背景图片在获得焦点后消失的方法】相关文章:

Jquery实现动态切换图片的方法

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

JavaScript实现斗地主游戏的思路

javascript实时显示当天日期的方法

Javascript实现每日自动换一张图片的方法

JavaScript实现鼠标拖动效果的方法

javascript实现模拟时钟的方法

JavaScript动态添加style节点的方法

JavaScript实现DIV层拖动及动态增加新层的方法

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

精品推荐
分类导航