IE678910不兼容H5的placeholder属性,需要JS解决
2017-07-10 14:08
323 查看
两种方法的思路
一、使用input的value作为显示文本
二、不使用value,添加一个额外的span标签,绝对定位覆盖到input上面。
两种方式各有优缺点,方法一占用了input的value属性,表单提交时需要一些额外的判断工作,方法二则使用了多余的标签。
一、使用input的value作为显示文本
二、不使用value,添加一个额外的span标签,绝对定位覆盖到input上面。
两种方式各有优缺点,方法一占用了input的value属性,表单提交时需要一些额外的判断工作,方法二则使用了多余的标签。
placeholder=function(input){ var text=input.getAttribute('placeholder_t'), defaultValue=input.defaultValue; if(defaultValue==''){ input.value=text; input.style.color='#c0c0c0'; } input.onfocus=function(){ if(input.value===text) { this.value=''; input.style.color='#000000'; } }; input.onblur=function(){ if(input.value===''){ this.value=text; input.style.color='#c0c0c0'; } } } placeholder(document.getElementById("slbh")); placeholder(document.getElementById("cxmm"));
相关文章推荐
- js兼容的placeholder属性详解
- placeholder属性兼容js支持
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- 解决IE下不支持placeholder属性可以根据自己的需要去扩展.
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- js兼容的placeholder属性详解
- js修改input的type属性及浏览器兼容问题探讨与解决
- html5属性placeholder的js 向下兼容支持(jquery版)
- javascript 解决IE8 兼容 placeholder 属性 含password
- 插件描述:解决IE下不支持placeholder属性可以根据自己的需要去扩展.
- IE678不兼容CSS3 user-select:none(不可复制功能),需要JS解决
- IE6,7,8,9中H5属性placeholder不兼容问题
- 用简单的JS 间接解决IE8 中无法兼容placeholder的问题
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- js兼容的placeholder属性详解
- js修改input的type属性及浏览器兼容问题探讨与解决
- 解决IE下不支持placeholder属性可以根据自己的需要去扩展
- window.location.reload()--解决JS页面跳转ie,firefox,opera不兼容问题
- 火狐不执行js的一些解决办法及火狐对js的兼容问题