大家好,又见面了,我是你们的朋友全栈君。
本文实例讲述了JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法。
分享给大家供大家参考。
具体如下: html代码: ? 1 2 3 4 5 6 7 8 9 form name=searchform id=search-form div bSearch/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代码: ? 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程序设计有所帮助。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/151256.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...