Render ASP.NET TextBox as HTML5 Input type "Number"

asp.net html textbox
Curt picture Curt · Feb 22, 2012 · Viewed 60.4k times · Source

When an ASP.NET TextBox renders it produces:

<input type="text" />

However I need it to render as a HTML5 number type instead, like:

<input type="number" />

Is this possible?

Answer

zacharydl picture zacharydl · Aug 17, 2013

I had the same requirement for a mobile website using ASP.NET. After finding no good solution, I tried simply setting type="number" directly on the textbox. To my surprise, it worked! Incredulous, I created a simple test project to double-check. I ran this line of code in each .NET version:

<!-- this HTML tested in each .NET version -->
<asp:TextBox runat="server" type="number" />

Here are the results:

<!-- ASP.NET 2.0, 3.0, and 3.5 -->
<input name="ctl01" type="text" type="number" />

<!-- ASP.NET 4.0 and 4.5 -->
<input name="ctl01" type="number" />

Bottom line: if you are using ASP.NET 4.0 or newer, just add type="number" to your textbox.

Related questions

Multiline TextBox multiple newline

I set a value for a Multiline Textbox like this. textBox1.Text = "Line1\r\n\r\nLine2"; But, only one line space in output. When I read the value of textbox, I read "Line1\r\nLine2"; Why does ASP.NET …

Read More
How can I force input to uppercase in an ASP.NET textbox?

I'm writing an ASP.NET application. I have a textbox on a webform, and I want to force whatever the user types to upper case. I'd like to do this on the front end. You should also note that there …

Read More
How to change the text of a label?

I have a radiobutton list and on click on the radio button item I have to change the text of its label. But for some reason it's not working. Code is below: <asp:Label ID="lblVessel" Text="Vessel:" runat="…

Read More