かみそりのテキストボックスにデフォルト値が表示されない

Question

2つのテキストボックスを持つフォームがあります。私が望むのは、ユーザーがデフォルト値が消えるテキストボックスをクリックしたときです。私はかみそりを使用しているので、私が必要と考える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ヘルパーはあなたの入力値を設定します。