表單文本框提示字符點(diǎn)擊時清空（input標(biāo)簽onfocus時文本框內(nèi)提示信息清空）??

作用是，一個文本框，需要輸入內(nèi)容，在沒有輸入的時候里面有一段提示內(nèi)容，當(dāng)點(diǎn)擊這個文本框輸入的時候，文本框內(nèi)的內(nèi)容自動消失。挺簡單的一個功能，但是沒有想到實(shí)現(xiàn)起來還是很麻煩的，在網(wǎng)上找了一段代碼，貼上來以備后用。

給文本框添加觸發(fā)事件onfocus和onblur，調(diào)用函數(shù)處理。完整代碼：

<script>
function cls(){
//捕獲觸發(fā)事件的對象，并設(shè)置為以下語句的默認(rèn)對象
with(event.srcElement)
//如果當(dāng)前值為默認(rèn)值，則清空
if(value==defaultValue) value=""
}
function res(){
//捕獲觸發(fā)事件的對象，并設(shè)置為以下語句的默認(rèn)對象
with(event.srcElement)
//如果當(dāng)前值為空，則重置為默認(rèn)值
if(value=="") value=defaultValue
}
</script>
<input value="填寫您的昵稱" οnfοcus="cls()" οnblur="res()">
<input value="填寫您的生日(1900-01-01)"
οnfοcus="cls()" οnblur="res()">

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

　　特別提示：運(yùn)行完整代碼，在鼠標(biāo)第一次單擊文本框時該文本框內(nèi)容將被清空，在文本框外單擊時文本框內(nèi)容將還原回默認(rèn)值。如果改變了文本框的值，將不再有任何變化。

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

或

<input type="text"
???????????????? id="text"
???????????????? name="text"
???????????????? value="默認(rèn)顯示文字"
???????????????? οnfοcus="if(value == defaultValue){value='';this.style.color='#000'}"
???????????????? οnblur="if(!value){value = defaultValue;this.style.color='#999'}"

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

轉(zhuǎn)載于:https://www.cnblogs.com/zyy711865/p/3474158.html

總結(jié)

以上是生活随笔為你收集整理的表单文本框提示字符点击时清空的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。