?

input文本框設置和移除默認值

這里想實現(xiàn)的效果是：設置和移除文本框默認值，如下圖鼠標放到文本框中的時候，灰字消失。

1.可以用簡單的方式，就是給input文本框加上onfocus屬性，如下代碼：

[html]?view plain?copy ?

<input?id="keyword"?name="keyword"?size="10"?class="inputstyle?keywords"?value="請輸入關(guān)鍵字進行搜索"??

????????????οnfοcus='if(this.value=="請輸入關(guān)鍵字進行搜索"){this.value="";};?'???

????????????οnblur='if(this.value==""){this.value="請輸入關(guān)鍵字進行搜索";};'>???

其實onfocus屬性挺好用的，還可以在通過onfocus屬性改變css樣式，如下代碼：

[java]?view plain?copy ?

<input?id="keyword"?name="keyword"?size="10"?class="inputstyle?keywords"?value="請輸入關(guān)鍵字進行搜索"??

????οnfοcus='if(this.value=="請輸入關(guān)鍵字進行搜索"){this.value="";};?this.className="input01"'???

????οnblur='if(this.value==""){this.value="請輸入關(guān)鍵字進行搜索";};?this.className="input02"'>???

2.也可以使用jquery實現(xiàn)： [javascript]?view plain?copy ?

$(document).ready(function()?{??

????????var?vdefault?=?$('#keyword').val();??

??

????$('#keyword').focus(function()?{??

????????????//獲得焦點時，如果值為默認值，則設置為空??

????????????if?($(this).val()?==?vdefault)?{??

????????????????$(this).val("");??

????????????}??

????????});??

????$('#keyword').blur(function()?{??

????????????//失去焦點時，如果值為空，則設置為默認值??

????????????if?($(this).val()==?"")?{??

????????????????$(this).val(vdefault);?;??

????????????}??

????????});??

});??

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

總結(jié)

以上是生活随笔為你收集整理的input文本框设置和移除默认值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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