HTML 中的占位符与数据占位符答案

【问题标题】：placeholder vs. data-placeholder, in HTMLHTML 中的占位符与数据占位符
【发布时间】：2013-09-13 14:41:06
【问题描述】：

两者有什么区别？

占位符与数据占位符？

它们似乎都产生了相同的结果。

<select data-placeholder="Enter name">

<select placeholder="Enter name">

有什么区别？

（哪个更强？）

【问题讨论】：

【解决方案1】：

placeholder 属性是标准的 HTML5 属性，data-placeholder 只是一些 javascript 插件使用的data- HTML5 属性。

没有外部 js 插件，data-placeholder 什么都不做，而 placeholder 只需要客户端浏览器支持 HTML5。

【讨论】：

【解决方案2】：

它们不可能产生相同的结果。 placeholder 是 HTML5 规范的一部分，用于在输入任何内容之前在字段中显示占位符文本，而 data-* 只是附加到元素的通用数据。

您的页面上可能有一些 JavaScript polyfill 或其他使用 data-placeholder 的东西。

【讨论】：