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判斷。很方便很實用。

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