如何将占位符放在剃须刀代码上

Question

我有一个HTML表单，没有与数据库的连接，如下所示：

<div class="wrap-input100 validate-input" data-validate="Inserir nome">
<input class="input100" type="text" name="name" placeholder="Nome*">
<span class="focus-input100"></span>
</div>

现在我正在连接到数据库，但我无法将"占位符"放在我的代码中。我试图放"Name:"但它不起作用。我对这项技术不是很了解，对我来说是新的。

<form class="contact100-form validate-form">
<div class="wrap-input100 validate-input" data-validate="Inserir nome">
@Html.LabelFor(m => m.CustomerFirstName, "Nome:", new { @class = "control-label" }) 
@Html.TextBoxFor(m => m.CustomerFirstName, new { @class = "input100" })
@{ Html.ValidateFor(m => m.CustomerFirstName); }
</div>

我正在使用的表单模板：https://colorlib.com/etc/cf/ContactFrom_v15/index.html

Answer 1

只需在 Html 属性中添加一个 placeholder 属性：

@Html.TextBoxFor(m => m.CustomerFirstName, new {
    @class = "input100", 
    placeholder = "Nome*" })