库律网
您的当前位置:首页JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

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

来源:库律网


这篇文章主要介绍了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法,涉及javascript针对页面元素样式及属性的相关操作技巧,需要的朋友可以参考下:

这个是html代码:

<p class="contain">
 <p class="inputFullNameContain"><input class="inputFullName" type="text" id="search_content" /> </p>
 </p>

下面是js代码:

 <script type="text/javascript" >
 (function () {
 var id = document.getElementById('search_content');
 if (id) {
 var name = id;
 var unclicked = function () {
 if (name.value == '') {
 name.style.background = 'url("images/inputBackground.png") no-repeat center';
 }
 };
 var clicked = function () {
 name.style.background = 'none';
 };
 name.onfocus = clicked;
 name.onblur = unclicked;
 unclicked();
 }
 })();
</script>

更多相关教程请访问 JavaScript教程

显示全文