Numeric HTML input element test page

This page lists various alternatives for numeric input element types, and results for different phones / browsers. The goal is to have a numeric input element that opens a numeric keyboard for user input.

The setSelectionRange and select links execute element.setSelectionRange(3,6) and element.select(), respectively. (Note that the WHATWG Living standard indicates that these methods are not applicable for all input types.)

Legend:

iOS	iOS default browser (iOS version number)
A	Android default browser (Android version number)
CM	Chrome Mobile on Android (Chrome version number)
WP	Windows Phone
C	Chrome (desktop)
FF	Firefox (desktop)
IE	Internet Explorer (desktop)

Unless otherwise noted, the expected behavior is simple text fields (same at type="text"), preceding zeros are retained and both setSelectionRange and select functioning.

General notes:

Firefox 27 requires .focus() before .setSelectionRange(), otherwise it does nothing.
Android 4.3 (on Galaxy S3 with default keyboard) numeric keyboard does not contain any way of inputing minus sign nor decimal point.
Android 4.1.2 stock keyboard (Nexus XXX) number keyboard contains both decimal dot and comma - dot works and comma doesn't (even though the locale is Finnish, which uses decimal comma). It just removes all digits after the comma.
WP7 does not support any type of keyboard selection, all input elements function as type="text". setSelectionRange and select work as expected.
WP8 is buggy with setSelectionRange and select: The field does not contain a cursor nor selection, but when you type something it does overwrite the supposedly selected area. Though sometimes setSelectionRange does not work, and the (invisible) cursor is at the beginning of the field.
WP8 numeric keyboard contains either a decimal point or comma, depending on the phone locale. The .value returns either the dot or comma, as visible.
iOS6: select does not work, setSelectionRange works. Displays decimal point or comma depending on phone locale, but .value always returns a dot.

JavaScript errors:

Input type	Empty input	Selection	Notes
<input type="number">	onChange	setSelectionRange select	A4.3: Numeric keyboard without minus or decimal point. A4.1: Numeric keyboard with minus, decimal point and dysfunctional comma A2.3: Numeric/telephone keyboard (minus available, dot under ?#+) CM33: Numeric keyboard without minus or decimal point. setSelectionRange throws exception. WP8: Numeric keyboard with decimal comma without minus. iOS6: QWERTY keyboard in numeric mode (comma and minus available). Preceding zero removed. C32: Spinner arrows C33: Spinner arrows on hover. setSelectionRange throws exception. FF27, IE10: Normal
<input type="number" min="-1000.0" max="1000.0" step="0.1">	onChange	setSelectionRange select	A4.3: Numeric keyboard without minus or decimal point. A4.1: Numeric keyboard with minus, decimal point and dysfunctional comma A2.3: Numeric/telephone keyboard (minus available, dot under ?#+) CM33: Numeric keyboard without minus or decimal point. setSelectionRange throws exception. WP8: Numeric keyboard with decimal comma without minus. iOS6: QWERTY keyboard in numeric mode (comma and minus available). Preceding zero removed. C32: Spinner arrows C33: Spinner arrows on hover. setSelectionRange throws exception. FF27, IE10: Normal
<input type="number" min="-1000.0" max="1000.0" step="any">	onChange	setSelectionRange select	A4.3: Numeric keyboard without minus or decimal point. A4.1: Numeric keyboard with minus, decimal point and dysfunctional comma A2.3: Numeric/telephone keyboard (minus available, dot under ?#+) CM33: Numeric keyboard without minus or decimal point. setSelectionRange throws exception. WP8: Numeric keyboard with decimal comma without minus. iOS6: QWERTY keyboard in numeric mode (comma and minus available). Preceding zero removed. C32: Spinner arrows C33: Spinner arrows on hover. setSelectionRange throws exception. FF27, IE10: Normal
<input type="tel">	onChange	setSelectionRange select	A4.3: Telephone input keyboard (dot and dash available under 'Sym') A4.1: Telephone input keyboard (dot and dash available) A2.3: Numeric/telephone keyboard (minus available, dot under ?#+) CM33: Telephone input keyboard WP8: Telephone input (dot and dash available) iOS6: Telephone input (dot and dash unavailable) FF27, C32, C33, IE10: Normal
<input type="text" inputmode="latin digits"> W3 Input modes	onChange	setSelectionRange select	A4.3: Text keyboard A4.1: Text keyboard A2.3: Text keyboard CM33: Text keyboard WP8: Text keyboard iOS6: Text keyboard FF27, C32, C33, IE10: Normal
<input type="text" pattern="[0-9]"> Safari Developer Library*	onChange	setSelectionRange select	A4.3: Text keyboard A4.1: Text keyboard A2.3: Text keyboard CM33: Text keyboard WP8: Text keyboard iOS6: Large number-only keyboard, minus and dot not available FF27, C32, C33, IE10: Normal
<input type="text" pattern="-?[0-9]*">	onChange	setSelectionRange select	A4.3: Text keyboard A4.1: Text keyboard A2.3: Text keyboard CM33: Text keyboard WP8: Text keyboard iOS6: Text keyboard FF27, C32, C33, IE10: Normal
<input type="text" pattern="[0-9.]*">	onChange	setSelectionRange select	A4.3: Text keyboard A4.1: Text keyboard A2.3: Text keyboard CM33: Text keyboard WP8: Text keyboard iOS6: Text keyboard FF27, C32, C33, IE10: Normal
<input type="text"> For reference	onChange	setSelectionRange select
<input type="email"> For reference	onChange	setSelectionRange select	A4.3: Email keyboard A4.1: Email keyboard A2.3: Email keyboard CM33: Email keyboard. setSelectionRange throws exception. WP8: Email keyboard iOS6: Email keyboard FF27, C32, C33, IE10: Normal

Tested devices:

A4.3 and CM33 tested on Samsung Galaxy S3 running Android 4.3 with default keyboard.
A2.3 tested on Samsung Galaxy S2 running Android 2.3.3 with default keyboard.
WP8 tested on Lumia 820 with Finnish locale

Cause JavaScript error (for testing onerror handler)