Атрибут disabled

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Блокирует доступ и изменение кнопки. Она в таком случае отображается серой и недоступной для активации пользователем. Кроме того, такая кнопка не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние кнопки можно изменять через скрипты. Значение блокированной кнопки не передается на сервер.

Синтаксис

HTML
<button disabled>...</button>
XHTML
<button disabled="disabled">...</button>

Значения

Нет.

Значение по умолчанию

По умолчанию это значение выключено.

Пример

HTML5IECrOpSaFx

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

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

Вид активной и неактивной кнопки

Рис. 1. Вид активной и неактивной кнопки

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.