這里實現的目標是：設置和移除文本框的默認值，鼠標放上去，文字消失

HTML代碼如下：

JS實現方式如下：

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

JQ實現方式：

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

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

轉載于:https://www.cnblogs.com/circleone/p/7140841.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。