占位符中的html元素答案

【问题标题】：html element in placeholder占位符中的html元素
【发布时间】：2016-05-26 16:53:44
【问题描述】：

我有这个输入

<input class="form-control input-lg" type="text" placeholder="Name" name="name">

由于我的表单没有标签并且我依赖占位符，是否可以放置类似的元素

<sup>*</sup>

以便我可以向用户显示此字段是必需的。

我试过了，但没用。

有没有办法做到这一点？

我的表单

http://www.itbotics.com/contact.php

【问题讨论】：

【解决方案1】：

使用标签：

<input class="form-control input-lg" type="text" placeholder="Name" name="name">
<label for="Name">*</label>

或者您可以在占位符文本之后添加 *。有什么理由不使用标签？他们是很好的做法

【讨论】：

【解决方案2】：

如果你不想使用标签：

css代码：

.required::before {
    content: "*";
    color:red;
}

html代码：

<span class="required"></span>
<input class="form-control input-lg" type="text" placeholder="Name" name="name">

【讨论】：