在 div 中使用占位符时无法验证 HTML5

Question

我一直在为使用 HTML5 和 jQuery 制作的 WYSIWYG 文本编辑器做出贡献。在做一些研究时，我发现很多人在 div 中使用占位符属性。但是，这不符合规范，当我尝试验证 HTML.

时出现以下错误

Attribute “placeholder” not allowed on element “div” at this point.

是否有更好的方法来执行此操作，以便我的 HTML 得到验证并且我仍然得到一个占位符？

Answer 1

感谢 Juantxo Cruz 的 link 我能够使用 CSS 解决我的问题，如下所示：

HTML

<div contentEditable=true data-placeholder="Sample text"></div>

CSS

[contentEditable=true]:empty:not(:focus):before {
content:attr(data-placeholder)
}