How to apply input which has a type email to to HTML Helper in Asp.net MVC3 Razor

问题

How to apply input which has a type email to HTML Helper in Asp.net MVC3 Razor. For example:

 <input type="email" name="name" value=" " placeholder="example@mail.ru" />

Is there alternative in Razor?

回答1:

You can use Html.TextBox method.

@Html.TextBox("name","", new { type = "email", placeholder = "example@mail.ru" })

回答2:

Use Dataanotations at Model :

[Required]
[DataType(DataType.EmailAddress, ErrorMessage = "Invalid Email Address")]
public string EmailAddress
{
    get;
    set;

}

回答3:

The below code has worked for me perfectly. By default @Html.TextBoxFor creates <input type="text" /> but specifying the type="email" property makes it <input type="email" />

<div class="editor-field">
    @Html.TextBoxFor(model => model.EmailId, new { @class = "popinputbox", placeholder = "Email ID", type = "email" })
    @Html.ValidationMessageFor(model => model.EmailId, "", new { @class = "errormsg" })
</div>

The problem gets solved. BINGO !!

来源：https://stackoverflow.com/questions/16689955/how-to-apply-input-which-has-a-type-email-to-to-html-helper-in-asp-net-mvc3-razo