Question

我有一个带有两个文本框的表单。我想要的是当用户点击文本框时默认值消失。我正在使用剃须刀所以不确定如何添加我认为我需要的onfocus事件。

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { @class = "newsletterform" }))
{
    @Html.TextBoxFor(m => m.Name, new { @Value = "Name"})

    @Html.TextBoxFor(m => m.Email, new { @Value = "Email"})

    <input type="submit" class="newsletterGo" value="Go" />
}

Answer 1

您可以使用placeholder属性。它的一个例子是本页顶部的搜索框

@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { @class = "newsletterform" }))
{
    @Html.TextBoxFor(m => m.Name, new { placeholder = "Default Name"})

    @Html.TextBoxFor(m => m.Email, new { placeholder = "person@example.com"})

    <input type="submit" class="newsletterGo" value="Go" />
}

此外，您无需指定@Value属性。 HTML帮助器负责为您设置输入值。

有剃刀文本框默认值消失

1 个答案: