4 <title>Number type input shows and accepts localized numbers
</title>
8 -webkit-box-shadow:
4px
4px
8px #ff8888;
13 <div id=
"console"></div>
15 <p>Output test
1: The following text field should have a localized representation for
"-1234.5678".
16 e.g.
"-1234.5678" for en_US locale,
"-1234,5678" for fr_FR locale. The thousand separator is
18 <div><input type=number
value=
"-1234.5678" step=any
></div>
20 <p>Output test
2: The following text field should have
"-1234.5678E+12" in any locale.
22 <div><input type=number
value=
"-1234.5678E+12" step=any
></div>
24 <p>Input test
1: Type a localized representation of a number (e.g. -
1,
234.5678 for en_US locale,
25 -
1.234,
5678 for fr_FR locale) into the following text field.
26 You'll see an equivalent number in the standard format on the bottom of the text field.
</p>
27 <p>Input test
2: Type a number in the scientific notation (e.g.
0.1234e-10.)
28 You'll see the same number string on the bottom of the text field.
</p>
29 <div><input type=number id=target step=any
oninput=
"handleInput()"></div>
30 <div>Standard format:
<output id=output
></output></div>
33 function handleInput() {
34 document
.getElementById('output').value
= document
.getElementById('target').value
;