readonly attribute of input and textarea elements

readonly attribute of input and textarea elements

Makes the form control non-editable. Unlike the disabled attribute, readonly form controls are still included in form submissions and the user can still select (but not edit) their value text.

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

Notes

  1. Readonly inputs of type datetime-local, date, month, and week can still be edited by pressing the Up or Down arrow keys on the keyboard while the input is focused.

  2. Text cannot be selected directly, but is possible by first selecting any text around the field.

Resources