16 08 2010
ASP.NET MVC meets HTML5
Today I tried out ASP.NET MVC HTML5 Helpers Toolkit by Dean Hume. Although browsers today support HTML5 partially it is time to start playing with it. As soon as HTML5 gets common standard in web you should be able to react fast. In this posting I will introduce you HTML5 Helpers Toolkit and some HTML5 field types.
HTML5 Helpers Toolkit is easy to install. Just download the package, unpack it and reference the DLL you found from package. That’s all. You don’t have to do anything more. If your browser doesn’t support HTML5 then HTML5 fields are rendered as usual textboxes and you can extend them using jQuery by example.
<%= Html.Html5TextBox("userEmal", InputTypes.InputType.Email,
And here is the result on Firefox 4 Beta.
Nice, isn’t it? I discovered one cool thing when I tested HTML5 Helpers Toolkit withOpera. I tried to submit form where e-mail address is not valid. And this is what happened:
Form was not submitted and all I got was this error message in red box. Cool!
<%= Html.Html5Range(1, 50, 2, 25, null) %>
And here is the result on Chrome.
If we want we can use usual HTML to decorate slider with numbers mentioned above. But I like the result – simple, calm and clean.
Now let’s do something that only Opera seems to support right now – let’s create HTML5 date picker. Definition is here.
<%= Html.Html5TextBox("deliveryDate", InputTypes.InputType.Date) %>
And here is the result on Opera.
Although HTML5 is not here yet it is coming very soon and seems like ASP.NET MVC will be soon ready for it. Although HTML5 Helpers Toolkit doesn’t provide all HTML5 controls yet it is still great start and I think this project is worth keeping eye on it. It is very easy to install and very easy to use and I suggest you to try it out as soon as possible.