国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

JavaScript實(shí)現(xiàn)文本框中默認(rèn)顯示背景圖片在獲得焦點(diǎn)后消失的方法

2024-05-06 16:22:33
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

這篇文章主要介紹了JavaScript實(shí)現(xiàn)文本框中默認(rèn)顯示背景圖片在獲得焦點(diǎn)后消失的方法,涉及javascript針對(duì)頁(yè)面元素樣式及屬性的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript實(shí)現(xiàn)文本框中默認(rèn)顯示背景圖片在獲得焦點(diǎn)后消失的方法。分享給大家供大家參考。具體如下:

html代碼:

 

 
  1. <form name="searchform" id="search-form"
  2. <div> 
  3. <b>Search</b> 
  4. <input type="text" name="txtInput" 
  5. title="Enter the terms you wish to search for." /> 
  6. <input type="submit" value="GO!" class="submit" 
  7. style="cursor: pointer;" /> 
  8. </div> 
  9. </form> 

JS代碼:

 

 
  1. <script type="text/javascript" language="javascript"
  2. (function() { 
  3. var id = document.getElementById('search-form'); 
  4. if (id && id.txtInput) { 
  5. var name = id.txtInput; 
  6. var unclicked = function() { 
  7. if (name.value == '') { 
  8. name.style.background = '#FFFFFF url(images/googbg.png) left no-repeat'
  9. }; 
  10. var clicked = function() { 
  11. name.style.background = '#ffffff'
  12. }; 
  13. name.onfocus = clicked; 
  14. name.onblur = unclicked; 
  15. unclicked(); 
  16. })(); 
  17. </script> 

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 都安| 乌兰察布市| 宜章县| 马山县| 东丽区| 平南县| 德令哈市| 鱼台县| 上虞市| 买车| 高青县| 洛浦县| 黎川县| 佛教| 谷城县| 宣城市| 鄂托克旗| 稻城县| 文登市| 洪江市| 六安市| 卢氏县| 定远县| 桃江县| 泰安市| 德昌县| 自治县| 轮台县| 亳州市| 文登市| 镇赉县| 包头市| 保亭| 兰州市| 石屏县| 秭归县| 体育| 香港| 洛浦县| 报价| 湛江市|