找回密码
 注册

[JS] JS判断浏览器是否支持placeholder属性

php 发表于 2014/7/15 21:55 | 显示全部楼层 |阅读模式
html5 placeholder的出现很大程度上给Web前端工作人员节省了不少javascript代码。
给表单控件添加placeholder="提示文字"属性后,
表单控件中会显示设置的提示文字,
当用户开始输入的时候这些文字会自动消失,
当用户修改控件内容后内容为空白时,这些提示文字又会重新显示。
对于不支持placeholder属性的浏览器,我们可以用js代码来实现placeholder兼容
这里就涉及到判断浏览器是否兼容placeholder。

以下js代码可以用于检测浏览器是否支持placeholder属性:
  1. <script>
  2.       /* Original code by www.51-n.com */
  3.       placeholderSupported='placeholder' in document.createElement('input');
  4.       alert(placeholderSupported);
  5. </script>
复制代码
补充说明:
1. 支持input placeholder属性的主流浏览器有:Google Chrome, Firefox, Opera, Safari, IE 10+
2. 对于需要使用placeholder属性的控件,不要给定value值,否则placeholder中的提示文字不会显示。

手机版|轻松E站

轻松E站

快速回复 返回顶部 返回列表