在div

时间:2015-06-10 23:21:01

标签: html5 w3c-validation

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

  

此时元素“div”上不允许使用属性“占位符”。

有没有更好的方法来实现这一点,以便我的HTML能够验证,我仍然最终得到一个占位符?

1 个答案:

答案 0 :(得分:2)

感谢Juantxo Cruz的链接,我能够通过使用CSS解决我的问题,如下所示:

<强> HTML

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

<强> CSS

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