How to add html5 data attribute to Html.TextBox in asp.net mvc?

Question

The Html.TextBox syntax is:

public static MvcHtmlString TextBox(this HtmlHelper htmlHelper, string name, 
       object value, object htmlAttributes);

So, i put my data attribute in htmlAttributes. I have tried

@Html.TextBox("date",Model.Date,new { data-myid="aaa"})

but that doesn't work for me.

scartag · Accepted Answer · 2013-03-31 09:02:41Z

29

Try using underscore _ character.

@Html.TextBox("date",Model.Date,new { data_myid="aaa"})

The runtime will convert that to data-myid

answered Mar 31, 2013 at 8:56

scartag

17.7k3 gold badges52 silver badges53 bronze badges

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

1 Comment

+1 Even if you add data_my_id_attribute it will convert the whole to data-my-id-attribute!

Jeremy Bell · Accepted Answer · 2013-04-01 13:04:36Z

1

For a friendlier syntax, you could try: http://buildmvc.codeplex.com/

@Html.BuildTextBox("date", Model.Date).Data("myid", "aaa")

answered Apr 1, 2013 at 13:04

Jeremy Bell

7286 silver badges9 bronze badges