最近项目踩过的坑,不考虑ie的可以拐弯绕路走了。 css3的新属性 占位符 placeholder用着多舒服 。 偏偏万恶的ie不支持,网上有几种方法是用焦点事件代替的,不过会失去原有的特性。一旦获取焦点或者失去焦点占位符的文字就会消失。 而placeholder是在输入文字时占位符的文字 ...
前一阵子公司项目里用到了textarea的placeholder的属性,然后不兼容ie ie ,去公司插件库里一看,妹的,只有input的兼容封装,欲哭无泪,然后在网上又查了好多,大部分都是写input的placeholder的兼容性,我刀呢 没法子,又不能不管,可是我又不会封装插件的能力实在是有限啊,所以,就模仿了input的元素替换的方法,最后用了一个很笨的方法给弄出来了,请各路大神不要嘲笑 ...
2017-06-13 15:47 0 1739 推荐指数:
最近项目踩过的坑,不考虑ie的可以拐弯绕路走了。 css3的新属性 占位符 placeholder用着多舒服 。 偏偏万恶的ie不支持,网上有几种方法是用焦点事件代替的,不过会失去原有的特性。一旦获取焦点或者失去焦点占位符的文字就会消失。 而placeholder是在输入文字时占位符的文字 ...
,placeholder属性是无效的,非现代浏览器( 例如 IE6-IE9 )是不支持placeholder属性的 ...
.phcolor{ color:#999;}//css样式 function isPlaceholer(){ var input = document.createElement("input"); return "placeholder" in input; }; function ...
placeholder是input标签的新属性,在使用的时候有两个问题: 1、IE8 下不兼容 处理思路: 如果浏览器不识别placeholder属性,给input添加类名placeholder,模仿placeholder属性的样式,并给input 的value赋值placeholder属性 ...
用JavaScript解决Placeholder的IE8兼容问题 placeholder属性是HTML5新添加的属性,当input或者textarea设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失,placeholder可作为输入框的提示文案 如图 ...
placeholder 属性是html5的属性,用于提供描述输入字段预期值的提示信息(hint)。 简单例子: 这个标签属性主要用于提示,未填写之前是会显示的,鼠标触发的时候,是会隐藏的 注意:placeholder 属性适用于以下的 类型:text, search, url ...
当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js 以上代码可以达到兼容IE8以下的浏览器的智能提示的效果,但是验证表单却会出问题,特别是我用的jq表单验证插件validate。 原因在于,IE8以下默认 ...
效果:http://hovertree.com/texiao/jquery/43/ 效果二:http://hovertree.com/texiao/jquery/43/1/ 请在IE中体验。 1、创建JS文件:jquery.JPlaceholder.js js代码 ...