DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> input輸入框鼠標焦點提示信息
input輸入框鼠標焦點提示信息
編輯:關於JavaScript     

問題如標題:

鼠標點擊到輸入框(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判斷。很方便很實用。

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved