有剃鬚刀文本框默認值消失

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助手負責爲您設置輸入值。