html - 通过 CSS 将 “required” 文本添加到 HTML 表单

Question

我有一个 <form>看起来像这样:

<form>
  <input type="text" name="name" id="name" /><span class="required"></span>
</form>

我想做的是显示一些文本，比如*或 Required在<span>元素，而不是为每个这样的地方“硬编码”文本我需要文本，所以表单看起来像这样:

[input box] Required

我四处搜索，发现它可以通过使用 content 的 CSS 样式来完成。比如:

.required:before
{
  content: "aaaa"
}

但是，我应该使用这种技术(例如，每个主要浏览器都支持它吗)还是有更优选的方法来做这种事情？

谢谢

更新我不想为此使用 JavaScript，只使用纯 CSS。

Answer 1

检查这个:Content

同时检查这个兼容性

不要使用

我觉得我们根本不应该使用内容声明。它向页面添加内容，而 CSS 用于向页面添加表示，而不是内容。因此我觉得如果你想动态生成内容，你应该使用 JavaScript。 CSS 是这项工作的错误工具。