HTML 5: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
|||
| Line 19: | Line 19: | ||
<input type="number" step="any" /> | <input type="number" step="any" /> | ||
</pre> | </pre> | ||
See: | See: | ||
* https://www.isotoma.com/blog/2012/03/02/html5-input-typenumber-and-decimalsfloats-in-chrome | * https://www.isotoma.com/blog/2012/03/02/html5-input-typenumber-and-decimalsfloats-in-chrome | ||
== Browser validation == | |||
To end the browser validation add: | |||
<pre> | |||
<input type="number" novalidation> | |||
</pre> | |||
== See also == | == See also == | ||
Revision as of 09:58, 25 February 2019
Introduction
A collection of HTML 5 tips and Tricks.
Chrome input
As you may already know, HTML5 has introduced a number of new input types, one of which is the “number” type. As you might expect, this is a form field which accepts numeric input. So what happens in Chrome with the following HTML when we try to enter a decimal (floating point) number and submit the form?
<input type="number" />
Answer: Chrome pops up a validation error:
Invalid value
Better use:
<input type="number" step="any" />
See:
Browser validation
To end the browser validation add:
<input type="number" novalidation>