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
Readonly inputs of type
datetime-local
,date
,month
, andweek
can still be edited by pressing the Up or Down arrow keys on the keyboard while the input is focused.Text cannot be selected directly, but is possible by first selecting any text around the field.
Resources
- WHATWG HTML specification for the readonly attribute of the `
- Mozilla Developer Network (MDN) documentation - readonly attribute
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=readonly-attr