placeholder 属性是html5的属性,用于提供描述输入字段预期值的提示信息(hint)。
简单例子:
这个标签属性主要用于提示,未填写之前是会显示的,鼠标触发的时候,是会隐藏的
注意:placeholder 属性适用于以下的 类型:text, search, url, telephone, email 和password
好的,上面就是placeholder的简单用法简介,然后介绍一下placeholder的兼容性,placeholder在Chrome浏览器是正常的,不过在ie兼容性就很不好。
我是在ie11测试的,发现placeholder,鼠标点击时候是不会隐藏的,还是显示文字。
placeholder="请在此输入您的审批意见" height="126px;" style="overflow-y: auto;" value="${handleInfo.apprIdea}">${handleInfo.apprIdea}
然后网上很多教程都是重写样式,用onchange等等函数替换,不过我觉得太麻烦,然后调试过程发现写在$(function(){…});初始化函数的时候,加个attr属性,竟然是可以兼容的,具体做法:
$(function(){
$("#msg").attr("placeholder","请在此输入您的审批意见");
});
注意,这个方法只在ie11测试过,ie8等等没测试过,所以本博客不予记录
(转)html5 Placeholder属性兼容IE6、7方法
使低版本浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示.发现zhihu的解决方法不错,特记录下 wind ...
HTML5表单提示placeholder属性兼容IE
placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 注释:placeholder 属性适用于以下的
jquery 小插件,完成“输入字段预期值的提示信息”,防html5 placeholder属性
前言:在很多时候,我们需要文本框中显示默认值,获取焦点时,文字框中就会清空给的值,当失去焦点时,如果没有值,继续显示默认的文字,如果有输入值,就显示输入的值.现在项目中需要用到这个地方的功能比较多,于 ...
placeholder属性兼容ie8
placeholder属性兼容js支持
$(function(){ //判断浏览器是否支持placeholder属性 supportPlaceholder='placeholder'in document.createElement('in ...
HTML5 placeholder(空白提示) 属性