Атрибут disabled HTML тега button
Атрибут disabled является атрибутом-переключателем. Если данный атрибут указан, то соответствующая кнопка будет находиться в неактивном состоянии или отключена.
Отключенная кнопка недоступна для взаимодействия.
Атрибут disabled может быть использован для перевода кнопки в неактивное состояние, чтобы пользователь не мог на нее нажать до того, как не будут выполнены некие условия, например, выбор контрольного пункта. Когда требуемые условия будут выполнены, скрипт JavaScript аннулирует этот атрибут и активирует кнопку.
В XHTML минимизация атрибутов запрещена, поэтому атрибут disabled должен определяться как .
Синтаксис атрибута
Пример использования атрибута
Атрибут disabled
Блокирует доступ к кнопке и её изменение. Она в таком случае отображается серым цветом и недоступна для активации пользователем. Кроме того, такая кнопка не может получить фокус путём нажатия на клавишу Tab , мышью или другим способом. Тем не менее, такое состояние кнопки можно изменять через скрипты. Значение блокированной кнопки не передаётся на сервер.
Синтаксис
Значения
Значение по умолчанию
По умолчанию это значение выключено.
Пример
Результат данного примера продемонстрирован на рис. 1.
Рис. 1. Вид активной и неактивной кнопок
Браузеры
| 11 | 12 | 1 | 15 | 4 | 1 |
| 4.4 | 4 | 14 | 3.2 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Атрибут disabled
Блокирует доступ и изменение кнопки. Она в таком случае отображается серой и недоступной для активации пользователем. Кроме того, такая кнопка не может получить фокус путем нажатия на клавишу Tab , мышью или другим способом. Тем не менее, такое состояние кнопки можно изменять через скрипты. Значение блокированной кнопки не передается на сервер.
Синтаксис
Значения
Значение по умолчанию
По умолчанию это значение выключено.
HTML5 IE Cr Op Sa Fx
Тег BUTTON, атрибут disabled Результат данного примера продемонстрирован на рис. 1.
Рис. 1. Вид активной и неактивной кнопки
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
как сделать кнопку неактивной js
Чтобы сделать кнопку неактивной, нужно добавить ей атрибут disabled :
// создаем кнопку const btn = document.createElement('button'); // добавляем ей атрибут disabled btn.setAttribute('disabled', ''); // добавляем надпись btn.textContent = 'Неактивная кнопка' // добавляем кнопку на страницу document.body.append(btn); Кнопка будет отображаться серой и недоступной для нажатия. Кроме того, она не может получить фокус путем нажатия на клавишу Tab или другим способом.