首页 > 编程 > JavaScript > 正文

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

2019-11-20 12:07:41
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表