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.

Answer 1

Try using underscore _ character.

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

The runtime will convert that to data-myid

Answer 2

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

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