国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板: 瓦房店市| 云霄县| 广西| 巴里| 资阳市| 昆明市| 大连市| 喀什市| 莲花县| 平遥县| 江孜县| 枝江市| 河东区| 从化市| 客服| 靖宇县| 绵竹市| 册亨县| 泾川县| 怀来县| 广宁县| 运城市| 资中县| 内乡县| 合作市| 永泰县| 武隆县| 磴口县| 监利县| 太和县| 新丰县| 敖汉旗| 沅江市| 新宁县| 开封县| 万荣县| 桂阳县| 古丈县| 延庆县| 青龙| 自贡市|