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

本文实例讲述了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!" class="submit"

style="cursor: pointer;" />

</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程序设计有所帮助。