html атрибут readonly

Атрибут readonly (HTML тега <input>) є логічним атрибутом, який вказує, що поле введення доступно тільки для читання.

Коли до елементу <input> додається атрибут readonly, текстове поле не можна змінюватися користувачем, в тому числі записувати новий текст або модифікувати існуючий.

c2be439e2d605a1869e274b118cbe336.png

Проте, стан і вміст поля можна міняти за допомогою скриптів, а також текст може бути виділений та скопійований користувачем.

Атрибут readonly може бути встановлений, щоб заборонити користувачеві змінювати значення до тих пір, поки деякі інші умови не були виконані (наприклад, потрібно вибрати прапорець, і т.д.). Тоді JavaScript можне видалити readonly , і зробити поле input доступним для редагування.

Синтаксис

<input readonly>

Атрибут readonly не має жодного значення :

Переглядачі

Переглядач

1+

5+

1+

7+

1+

12+

Переглядач

1+

1+

1+

1+


Мобільних переглядачів ще не додано.

Приклади


Найпростіший приклад використання HTML атрибута readonly теґа <input>

See the Pen Input_readonly1_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Найпростіший приклад використання HTML атрибута readonly теґа <input>

See the Pen Input_readonly_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Немає жодної різниці.

Різниця між XHTML та HTML


Немає жодної різниці.