HTML5 email input cannot assign ID and RUNAT="Server" ASP.NET 4

Use this code to use HTML5 input type:

  1. Use this in .aspx file:

    <input type="text" required autofocus placeholder="Email Address"
        class="txt-input txt-input-username" ID="myTextBox" runat="server"/>
    
  2. Use this in .cs file:

     myTextBox.Attributes["type"] = "email";
    

ASP.Net 4.0 HtmlGenericControl does not support the "Type" attribute as defined in your code, the error explains that, Parser Error Message: 'email' is not a valid type for an input tag., this is a arguably a "well known" or easily discovered bug in the ASP.Net framework.

There are several solutions that are outlined here:
http://msdn.microsoft.com/en-us/magazine/hh547102.aspxre
Update the framework and use the Asp.Net TextBox control Scott Hunter - HTML 5 Updates for .NET 4
Use a 3rd party ASP.Net Html5 UI control such as the one available from Codeplex.

A similar question is asked, and answered on the following SO posts:
How can I use HTML5 email input type with server-side .NET - This is the same issue as for the HtmlGenericControl however it is not addressed in the update
input types on server side controls


My personal preference ended up being to move to ASP.Net MVC 3, its quite a steep learning curve and a big change from the "Web Forms" style of ASP.Net web development however its soon forgotten once you get used to the symantics and coding styles.


Beside the solutions given in above answers you can use the Microsoft.net framework 4.5 or above which wont complaint for the 'email' is not a valid type for an input.

To change the framework of website take properties of the website by right clicking the project in solution explorer and clicking properties. In properties window select the build from the menu at left and then select framework 4.5 or above.

enter image description here