HTML5 - input=number and incompatible browsers

html html-input
Torben picture Torben · May 9, 2012 · Viewed 11.9k times · Source

I want to use the html5 element <input type="number"> on my website, but i want to know what happens to this field in browsers that do not support this feature? Is it than a classic <input type="text"> field for those browsers?

Answer

0b10011 picture 0b10011 · May 9, 2012

When a browser does not recognize a particular type value for an <input>, it reverts to it's default value, which is text. So, all of the following are equivalent on browsers that do not support type="number":

<input type="number">
<input type="somevaluethatdoesntexist">
<input type="text">
<input>

For browsers that do support type="number", the number <input> will be displayed instead of the text <input>.

Read more about the type attribute in the HTML Specification.

Related questions

Get the value in an input text box

What are the ways to get and render an input value using jQuery? Here is one:

Read More
Change an HTML5 input's placeholder color with CSS

Chrome supports the placeholder attribute on input[type=text] elements (others probably do too). But the following CSS doesn't do anything to the placeholder's value: Value will still remain grey instead of red. Is there a way to change the …

Read More
Set the value of an input field

How would you set the default value of a form <input> text field in JavaScript?

Read More