Атрибут disabled
Синтаксис
(X)HTML
<button disabled="disabled"> ... </button>
Описание
Атрибут / параметр disabled (от англ. "disabled" ‒ «неработающий, отключённый») блокирует интерактивную кнопку.
Примечание
Для визуального отличия заблокированных кнопок от активных, большинство современных браузеров не существенно изменяют внешний вид заблокированных кнопок.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | 17.12.1 Disabled controls disabled [CI]... DTD: Transitional
Strict
Frameset
|
| 5.0 | 4.10.19.5 Enabling and disabling form controls: the disabled attribute The disabled content... |
| 5.1 | 4.10.19.5. Enabling and disabling form controls: the disabled attribute The disabled content... |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
| 1.1 | Extensible HyperText Markup Language |
Значения
Данный атрибут является логическим атрибутом.
В HTML данный атрибут может указываться либо без значения, либо с пустым значением, либо со значением «disabled».
<button disabled> ... <button> <button disabled=""> ... <button> <button disabled="disabled"> ... <button>
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр disabled (Элемент button)</title>
</head>
<body>
<h1>Пример использования атрибута "disabled"</h1>
<p><button type="button" onclick="alert('Вы активировали кнопку №1');" disabled="disabled"> Кнопка 1 </button> ‒ Заблокированная кнопка.</p>
<p><button type="button" onclick="alert('Вы активировали кнопку №2');"> Кнопка 2 </button> ‒ Активная кнопка.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр disabled (Элемент button)</title>
</head>
<body>
<h1>Пример использования атрибута "disabled"</h1>
<p><button type="button" onclick="alert('Вы активировали кнопку №1');" disabled="disabled"> Кнопка 1 </button> ‒ Заблокированная кнопка.</p>
<p><button type="button" onclick="alert('Вы активировали кнопку №2');"> Кнопка 2 </button> ‒ Активная кнопка.</p>
</body>
</html>
Параметр disabled (Элемент button)