html атрибут readonly

Атрибут readonly являється логічним атрибутом.

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

f0faa8a3830dcd34c7bef728107ccac4.png

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

Синтаксис

<textarea readonly> ... </textarea>

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

Переглядачі

Переглядач

1+

1+

1+

6+

4+

12+

Переглядач

1+

1+

1+

1+


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

Приклади


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

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

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

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

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


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

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


У XHTML мінімізований запис атрибутів заборонений, тому атрибут readonly повинен бути визначений як <textarea readonly="readonly">.