How to apply input which has a type email to to HT

问题:

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="[e-mail]" />

Is there alternative in Razor?

回答1:

You can use Html.TextBox method.

@Html.TextBox("name","", new { type = "email", placeholder = "[e-mail]" })

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