占位符中的html元素

Question

我有这个输入

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

由于我的表单没有标签，我依赖于占位符，是否可以放置像

这样的元素

<sup>*</sup>

这样我就可以向用户显示此字段所需的内容。

我试过但它没有用。

有办法吗？

我的表单

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

Answer 1

使用标签：

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

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

Answer 2

如果您不想使用标签：

  

css代码：

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

  

html代码：

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