A set of forms.
The Maxlength component currently watches inputs and replaces returns with
\r\n to normalize behavior across browsers which count returns differently.
Credit to Keith Wood for his implementation which acted as inspiration: http://keith-wood.name/maxlength.html
A number of features around normalizing the behavior of
<input type="number"> form fields. To start, add the
data-numeric-input attribute to your
<input type="number"> element:
<input type="number" data-numeric-input>
Next, include the
- Suppresses non-numeric input into the form field, similar to how Chrome desktop behaves with
<input type="number">. This will also prevent scientific or E notation from being entered into the form field (since
- Works to enforce the
maxlengthattribute (also works with the number of digits on
- Works around bugs with
<input type="number">in Safari 6 and Firefox desktop (large numbers may be rounded or leading zeros may be truncated). In these browsers, the type is toggled to
data-numeric-input-nav-disabledattribute option: Prevent the up and down arrow keys from incrementing and decrementing the number value.
- Alternatively, if you don’t want to use our auto-initialization code (the
numeric-input-init.jsfile, which relies on a global
enhanceevent), you can manually initialize with
new NumericInput( element );You’re on the hook to prevent duplicate initialization when doing this manually.