首頁 > web前端 > js教程 > 控制input輸入框中提示訊息的顯示與隱藏的方法_javascript技巧

控制input輸入框中提示訊息的顯示與隱藏的方法_javascript技巧

WBOY
發布: 2016-05-16 17:00:21
原創
2771 人瀏覽過

在運用html css javascrpt進行頁面製作時,我們往往會遇到一些影響使用者體驗,而又容易被我們忽略的小細節。例如,input輸入框中的提示訊息,怎麼能根據物件獲得和失去焦點而實現其顯示和隱藏。今天在這裡,想跟大家分享一下這個小技巧,希望各位大神不要拍磚哦~~~

一、要求

input輸入框,在遊標顯示時,隱藏提示訊息;遊標離開輸入框時,顯示提示訊息。

二、方法

1、給該input取id名,Onfocus=”方法名1(this)”,onblur=”方法名2(this)”

2、聲明變量value,通過id名獲得該input

3、function 方法名1(inputObj){

複製代碼 代碼如下:

if(inputObj.value==”……”){

inputObj.value=””;

}

}

4、function 方法名2(inputObj){
複製代碼 程式碼如下:

if(inputObj.value==””){

inputObj.value=”…”;

}
}
}
}


5、注意:如果同一個頁面中有多個input標籤需要同樣的設置,則方法名稱不能一致。
三、實例複製代碼
代碼如下:



代碼如下:






無標題文件


head>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板