這里實(shí)現(xiàn)的目標(biāo)是：設(shè)置和移除文本框的默認(rèn)值，鼠標(biāo)放上去，文字消失

HTML代碼如下：

JS實(shí)現(xiàn)方式如下：

<input type="text" class="search" value="請輸入關(guān)鍵字進(jìn)行搜索" id="menu_search"
onfocus='if(this.value=="請輸入關(guān)鍵字進(jìn)行搜索"){this.value="";};'
onblur='if(this.value==""){this.value="請輸入關(guān)鍵字進(jìn)行搜索";};' />

JQ實(shí)現(xiàn)方式：

$(function(){var vdefault = $('#keyword').val(); $('#keyword').focus(function() { //獲得焦點(diǎn)時(shí)，如果值為默認(rèn)值，則設(shè)置為空 if ($(this).val() == "請輸入搜索關(guān)鍵詞") { $(this).val(""); } }); $('#keyword').blur(function() { //失去焦點(diǎn)時(shí)，如果值為空，則設(shè)置為默認(rèn)值 if ($(this).val()== "") { $(this).val("請輸入搜索關(guān)鍵詞"); ; } }); })

推薦第一種：兼容性比較好！

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

總結(jié)

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

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