Is it possible to set type of input generated by TextBoxFor

Question

I am using ASP.NET MVC 3 TextBoxFor in a form and would like to use type="email" for easier input for at least some mobile devices but cannot find how to set it using TextBoxFor. Is this not easily possible?

In View

@Html.LabelFor(m => m.Email)
@Html.TextBoxFor(m => m.Email)

In model

[StringLength(50)]
public string Email { get; set; }

(Already using a data annotation to protect size constraint in DB)

I asked separately because I did not care about the email validation that the answer on that question goes into while glazing over what was my root problem of getting an input of type email. — d456
– d456, Commented Sep 4, 2012 at 18:00

Xordal · Accepted Answer · 2012-09-04 15:57:33Z

59

Try to use

@Html.TextBoxFor(m => m.Email, new { @type = "email" })

http://msdn.microsoft.com/en-us/library/ee703538.aspx (htmlAttributes)

answered Sep 4, 2012 at 15:57

Xordal

1,36913 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

d456 Over a year ago

Don't know why I wrote this off and didn't just try it. Thanks.

Uwe Keim · Accepted Answer · 2019-07-25 06:24:21Z

3

You're using it the wrong way.

Use EditorFor in View:

@Html.LabelFor(m => m.Email)
@Html.EditorFor(m => m.Email)

In model, add the [DataType( DataType.EmailAddress )] Data Annotations property:

[DataType( DataType.EmailAddress )]
public string Email { get; set; }

edited Jul 25, 2019 at 6:24

Uwe Keim

40.9k61 gold badges193 silver badges309 bronze badges

answered Dec 12, 2013 at 6:38

Toan

3614 silver badges7 bronze badges

Comments

Forty-Two · Accepted Answer · 2012-09-04 15:56:41Z

2

Try adding [DataType( DataType.EmailAddress )] to the email property.

[DataType( DataType.EmailAddress )]
[StringLength(50)]
public string Email { get; set; }

answered Sep 4, 2012 at 15:56

Forty-Two

7,6252 gold badges39 silver badges54 bronze badges

Comments

Uwe Keim · Accepted Answer · 2019-07-25 06:24:54Z

1

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

Try to add this. I think it works.

edited Jul 25, 2019 at 6:24

Uwe Keim

40.9k61 gold badges193 silver badges309 bronze badges

answered Sep 4, 2012 at 15:58

arnoldrob

8333 gold badges9 silver badges15 bronze badges

Collectives™ on Stack Overflow

Is it possible to set type of input generated by TextBoxFor

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related