chrome-bug

1、web前端的问题，为什么chrome浏览器下，input type=text 输入框的提示信息隐藏

是因为chrome谷歌浏览器input属性他默认的有...可能你需要把input设置一下display:block等

1 login_html += '<div class="p1">';
2 login_html += '<span id="_lab_username">论坛帐号/注册邮箱</span>';
3 login_html += '<input class="pp1" type="text" id="username" style="display:block"/>';
4 login_html += '<span id="msg_u_w"></span>';
5 login_html += '</div>' ;

２、输入框事件监听

 1     　　　　　
 2     $("#username").on("input",function(evt){                //输入框的id,采用input事件，可以监听任何输入，包括英文，中文，自动补全，粘贴
 3             if(evt.currentTarget.value){
 4                 $(this).prev().css("visibility","hidden");  //span元素采用的是绝对定位的方式
 5             }else{
 6                 $(this).prev().css("visibility","visible");
 7             }
 8             $(this).next().hide();                         //hide()方法的调用实际上是给元素添加　display:none;
 9      });
10 11 
12     //for ie username or password input
13     if(document.all){
14         $('input').each(function() {
15             var that=this;
16             if(this.attachEvent) {
17                 this.attachEvent('onpropertychange',function(e) {
18                     if(e.propertyName!='value') return;
19                     $(that).trigger('input');
20                 });
21             }
22         })
23     }