表單文本框提示字符點擊時清空


表單文本框提示字符點擊時清空(input標簽onfocus時文本框內提示信息清空)  

作用是,一個文本框,需要輸入內容,在沒有輸入的時候里面有一段提示內容,當點擊這個文本框輸入的時候,文本框內的內容自動消失。挺簡單的一個功能,但是沒有想到實現起來還是很麻煩的,在網上找了一段代碼,貼上來以備后用。

給文本框添加觸發事件onfocus和onblur,調用函數處理。完整代碼:

<script>
function cls(){
//捕獲觸發事件的對象,並設置為以下語句的默認對象
with(event.srcElement)
//如果當前值為默認值,則清空
if(value==defaultValue) value=""
}
function res(){
//捕獲觸發事件的對象,並設置為以下語句的默認對象
with(event.srcElement)
//如果當前值為空,則重置為默認值
if(value=="") value=defaultValue
}
</script>
<input value="填寫您的昵稱" onfocus="cls()" onblur="res()">
<input value="填寫您的生日(1900-01-01)"
onfocus="cls()" onblur="res()">

  注意:本例的方法對大部分表單控件都有效,比如多行文本框。

  特別提示:運行完整代碼,在鼠標第一次單擊文本框時該文本框內容將被清空,在文本框外單擊時文本框內容將還原回默認值。如果改變了文本框的值,將不再有任何變化。

============================================================================================

<input type="text"
                 id="text"
                 name="text"
                 value="默認顯示文字"
                 onfocus="if(value == defaultValue){value='';this.style.color='#000'}"
                 onblur="if(!value){value = defaultValue;this.style.color='#999'}"

                 style="width:200px;color:#999999" />


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM