是否可以在 div 标签中添加占位符

Question

当我的 div 元素为空时，我想向用户显示一些文本。

我已尝试向我的 div 添加 占位符 属性，但未显示文本。

 <div placeholder="Enter the text"> </div>

当我的 div 元素为空时，如何显示消息？

原文由 user123 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

有很多使用 javascript 的选项，但如果你想在 css 中进行。试试这个：

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

 <div contentEditable=true data-text="Enter text here"></div>

演示

原文由 Joke_Sense10 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我已经通过这个测试在这里回答了这样一个问题：http: //codepen.io/gcyrillus/pen/hzLIE

 div:empty:before {
  content:attr(data-placeholder);
  color:gray
}

请参阅 如果可编辑的 div 没有设置占位符的文本

原文由 G-Cyrillus 发布，翻译遵循 CC BY-SA 3.0 许可协议