input文本框设置移除默认内容(兼容IE低版本)

Posted @circle

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input文本框设置移除默认内容(兼容IE低版本)相关的知识,希望对你有一定的参考价值。

这里实现的目标是:设置和移除文本框的默认值,鼠标放上去,文字消失

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("请输入搜索关键词"); ;  
            }  
        });  
 })

推荐第一种:兼容性比较好!

以上是关于input文本框设置移除默认内容(兼容IE低版本)的主要内容,如果未能解决你的问题,请参考以下文章

使用新标签兼容低版本IE

js中input文本框设置和移除默认值

input的相关兼容性问题

关于input标签和placeholder在IE8,9下的兼容问题

使用jQuery制作input提示内容,兼容IE8以上

关于input在IE低版本情况下不兼容的解决办法