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

daC*_*oda 9 html placeholder

这两者有什么区别

占位符与数据占位符?

他们似乎都产生了相同的结果.

<select data-placeholder="Enter name">

<select placeholder="Enter name">
Run Code Online (Sandbox Code Playgroud)

有什么不同?

(哪一个更强?)

Cla*_*edi 16

属性placeholder是标准的HTML5属性,data-placeholder只是data-某些javascript插件使用的HTML5属性.

如果没有外部js插件,只需要在客户端浏览器上支持HTML5 ,data-placeholder就什么都不做placeholder.

  • 其实不用javascript也是可以做到的。请参阅 https://codepen.io/flesler/pen/AEIFc (2认同)

Jos*_*ber 5

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

您可能在页面上使用了一些JavaScript polyfill或其他内容data-placeholder.