萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> input輸入框鼠標焦點提示信息

input輸入框鼠標焦點提示信息

 本文給大家分享的是一則非常常用和實用的小技巧,當鼠標點擊到輸入框(input)裡的時候,輸入框的提示消失,鼠標再移開,輸入框提示出現,推薦給小伙伴們

   

問題如標題:

鼠標點擊到輸入框(input)裡的時候,輸入框的提示消失,鼠標再移開,輸入框提示出現。如圖所示:

input輸入框鼠標焦點提示信息   三聯

做法如下:

 

代碼如下:
<input type="text" name="name" id="name" class="ind_cont_input ind_cont_inputioce1" onfocus="if (value =='請輸入2-5個中文名字'){value =''}" onblur="if (value ==''){value='請輸入2-5個中文名字'}" value="請輸入2-5個中文名字">
<input type="text" name="tel" id="tel" class="ind_cont_input ind_cont_inputioce2 ind_cont_inputboder1" value="請輸入您的電話" onfocus="if (value =='請輸入您的電話'){value =''}" onblur="if (value ==''){value='請輸入您的電話'}">

 

注意點為input的onblur和onfocus屬性。另外也有簡單的if判斷。很方便很實用。

以上就是本文所述的全部內容了,希望大家能夠喜歡。

copyright © 萬盛學電腦網 all rights reserved