html5 placeholder的出现很大程度上给Web前端工作人员节省了不少javascript代码。
给表单控件添加placeholder="提示文字"属性后，
表单控件中会显示设置的提示文字，
当用户开始输入的时候这些文字会自动消失，
当用户修改控件内容后内容为空白时，这些提示文字又会重新显示。
对于不支持placeholder属性的浏览器，我们可以用js代码来实现placeholder兼容。
这里就涉及到判断浏览器是否兼容placeholder。
以下js代码可以用于检测浏览器是否支持placeholder属性：- <script>
- /* Original code by www.51-n.com */
- placeholderSupported='placeholder' in document.createElement('input');
- alert(placeholderSupported);
- </script>
1. 支持input placeholder属性的主流浏览器有：Google Chrome, Firefox, Opera, Safari, IE 10+
2. 对于需要使用placeholder属性的控件，不要给定value值，否则placeholder中的提示文字不会显示。 |
|
