Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Атрибут disabled

Справочник: 

Характеристики атрибута

В каких браузерах работает?

6.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

В каких спецификациях используется?

HTML - 4.01 5.0
XHTML 1.0 1.1

Для чего используется?

Деактивирует функциональные возможности кнопки или поля формы. После этого она теряет свою кликабильность, становится серой и недоступной для работы. Этим пользуются чаще всего в скриптах, чтобы при определенных условиях пользователь не мог отправить форму. К примеру, если все поля не заполнены или данные указаны не корректно. Фокус для заблокированной кнопки тоже не задается.

Как правильно задавать?

HTML

<button disabled>Название кнопки</button>

XHTML

<button disabled="disabled">Название кнопки</button>

Какие значения могут быть записаны в атрибут?

Отсутствуют.

В каких тегах применяется?

button input select keygen

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут disabled</title>
 </head>
 <body>
  <form>
   <p><button>Обычная кнопка</button></p>
   <p><button disabled>Заблокированная кнопка</button></p>
  </form>
 </body>
</html>

По итогу получаем

disabled

Тип HTML атрибута: 
Прочие