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

Question

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

Answer 1

You can use Html.TextBox method.

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

Answer 2

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 !!

Answer 3

Use Dataanotations at Model :

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

}