Number input type

Number input type

Form field type for numbers.

Spec https://html.spec.whatwg.org/multipage/forms.html#number-state-(type=number)
Status WHATWG Living Standard
IE Edge Firefox Chrome Safari Opera
    57 (3) 62    
    56 (3) 61 TP 48
  16 (4) 55 (3) 60 11 47
11 (1) 15 (4) 54 (3) 59 10.1 46
10 (1) 14 (4) 53 (3) 58 10 45
9 13 (1) 52 (3) 57 9.1 44
8 12 (1) 51 (3) 56 9 43
Show all
7   50 (3) 55 8 42
6   49 (3) 54 7.1 41
5.5   48 (3) 53 7 40
    47 (3) 52 6.1 39
    46 (3) 51 6 38
    45 (3) 50 5.1 37
    44 (3) 49 5 36
    43 (3) 48 4 35
    42 (3) 47 3.2 34
    41 (3) 46 3.1 33
    40 (3) 45   32
    39 (3) 44   31
    38 (3) 43   30
    37 (3) 42   29
    36 (3) 41   28
    35 (3) 40   27
    34 (3) 39   26
    33 (3) 38   25
    32 (3) 37   24
    31 (3) 36   23
    30 (3) 35   22
    29 (3) 34   21
    28 33   20
    27 32   19
    26 31   18
    25 30   17
    24 29   16
    23 28   15
    22 27   12.1
    21 26   12
    20 25   11.6
    19 24   11.5
    18 23   11.1
    17 22   11
    16 21   10.6
    15 20   10.5
    14 19   10.0-10.1
    13 18   9.5-9.6
    12 17   9
    11 16    
    10 15    
    9 14    
    8 13    
    7 12    
    6 11    
    5 10    
    4 9    
    3.6 8    
    3.5 7    
    3 6    
    2 5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
11 (1,2)                      
10.3 (1,2) all 56 (1,2) 10 (1,2) 37 (1,2) 59 (1,2) 54 (1,3) 11 (1,2) 11.4 (1,2) 5 (1,2) 1.2 7.12 (1,2)
10.0-10.2 (1,2)   4.4.3-4.4.4 (1,2) 7 12.1     10 (1,2)   4 (1,2)    
9.3 (1,2)   4.4 (1,2)   12              
9.0-9.2 (1,2)   4.2-4.3 (1,2)   11.5              
Show all
8.1-8.4 (1,2)   4.1 (1,2)   11.1              
8 (1,2)   4 (1,2)   11              
7.0-7.1 (1,2)   3   10              
6.0-6.1 (1,2)   2.3                  
5.0-5.1 (1,2)   2.2                  
4.2-4.3 (1,2)   2.1                  
4.0-4.1 (1,2)                      
3.2 (1,2)                      

Notes

  1. UI widget does not include increment/decrement buttons.

  2. UI widget does not take the "step", "min" or "max" attributes into account.

  3. Firefox doesn't support autocomplete content via datalist elements.

  4. Does not include increment/decrement buttons, but does supports increment/decrement via arrow up & down keys.

Bugs

  • IE10 and IE11 also have broken .valueAsNumber results that don't follow the spec, e.g. for
    input.value = "9" input.valueAsNumber returns NaN.

  • The .stepUp and .stepDown methods incorrectly invoke InvalidStateError exceptions in IE 10 and 11.

  • IE does not convert the value to an invariant culture. IE simply submits the value as it was typed, using the user's regional settings, but the spec says the browser should submit in a normalized way.

  • Currently no mobile browsers and very few desktop browsers support using commas for languages where commas are used as decimal separators.

  • Firefox 39 in Mac OSX by default does not prevent alpha characters input and Firefox 42 validates only but It doesn't disable alpha keys input.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=input-number

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部