CSS властивості
ГлавнаяАтрибути HTMLАтрибут disabled до HTML тега <button>

Атрибут disabled до HTML тега <button>

152

Блокує доступ до кнопки та її зміну. Вона у такому разі відображається сірим кольором і недоступна для активації користувача. Крім того, така кнопка не може отримати фокус шляхом натискання клавіші Tab, мишею або іншим способом. Проте такий стан кнопки можна змінювати через скрипти. Значення блокованої кнопки не передається на сервер.

"field_html_syntax">Синтаксис
<button disabled>.. .</button>

Значення

Ні.

Значення за замовчуванням

За замовчуванням це значення вимкнено.

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>BUTTON, атрибут disabled</title>
</head>
<body> <form action="handler.php"> <p><button>Активна кнопка</button> <button disabled>Неактивна кнопка</button></p>
</form>
</body>
</html>

Результат цього прикладу продемонстровано на мал. 1.

Вигляд активної та неактивної кнопок

Мал. 1. Вигляд активної та неактивної кнопок

Браузери

4 12 1 6 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, з якої елемент підтримується.