码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-09 12:35:00      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:版本   http   blog   文本框   type   实现   word   设置   span   

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

技术分享

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低版本)

标签:版本   http   blog   文本框   type   实现   word   设置   span   

原文地址:http://www.cnblogs.com/circleone/p/7140841.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!