HTML 5: Difference between revisions
Jump to navigation
Jump to search
| Line 5: | Line 5: | ||
== Chrome input == | == Chrome input == | ||
=== Real numbers === | |||
As you may already know, HTML5 has introduced a number of new input types, one of which is the “number” type. | 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. | As you might expect, this is a form field which accepts numeric input. | ||
Revision as of 09:59, 25 February 2019
Introduction
A collection of HTML 5 tips and Tricks.
Chrome input
Real numbers
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>