Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


HTML Атрибут disabled

Атрибут disabled (от англ. "disabled" ‒ «неработающий, отключённый») блокирует элемент формы, то есть делает его неактивным.

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

В случае кнопки (<button> или <input> с атрибутом type в значениях button, reset или submit) блокировка означает, что на кнопку нельзя будет нажать.

В случае с текстовым полем ввода (<input> или <textarea>) в нем нельзя будет поменять или скопировать текст.

В случае с чекбоксами и радио кнопками их состояние (отмечено или нет) нельзя будет сменить.

В случае с выпадающими списками <select> нельзя будет сменить выбранный пункт списка.

Блокировка элементов обычно нужна для того, чтобы запретить пользователю менять некоторые значения (которые, тем не менее, должны быть показаны пользователю в виде элементов формы). Иногда элементы блокируют (и снимают блокировку) с помощью скриптов (например JavaSctipt).

Для визуального отличия заблокированных элементов формы от активных, большинство современных браузеров не существенно изменяют внешний вид заблокированных элементов. Тем не менее, с помощью CSS, используя псевдоклассы disabled и enabled, можно установить свои стили заблокированным и незаблокированным элементам.

Синтаксис

<element disabled>

Значения

Данный атрибут является логическим атрибутом. В HTML данный атрибут может указываться либо без значения, либо с пустым значением, либо со значением disabled.

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

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

Применяется к тегам

<button> <input> <keygen> <optgroup> <option> <select> <textarea>

Различия между HTML 4.01 и HTML5

Нет.

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

Атрибут disabled (Элемент <button>)

Заблокированная кнопка:

Пример HTML:

Попробуй сам
<button type="button" disabled>Кликни меня!</button>

Атрибут disabled (Элемент <fieldset>)

Отключение группы связанных элементов формы:

Пример HTML:

Попробуй сам
<fieldset disabled>
  <legend>Персональные данные:</legend>
  Имя: <input type="text"><br>
  Email: <input type="text"><br>
  Дата рождения: <input type="text">
</fieldset>

Атрибут disabled (Элемент <input>)

HTML форма с отключенным полем ввода:

Пример HTML:

Попробуй сам
<form action="action_form.php">
  Имя: <input type="text" name="firstname"><br>
  Фамилия: <input type="text" name="astlname" disabled><br>
  <input type="submit" value="Отправить">
</form>

Атрибут disabled (Элемент <keygen>)

Отключение элемента <keygen>:

Пример HTML:

Попробуй сам
<form action="action_form.php" method="get">
  Логин: <input type="text" name="login">
  Шифрование: <keygen name="security" disabled>
  <input type="submit">
</form>

Атрибут disabled (Элемент <optgroup>)

Блокиоровка элемента <optgroup>:

Пример HTML:

Попробуй сам
<select>
  <optgroup label="Немецкие авто" disabled>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Атрибут disabled (Элемент <option>)

Блокиоровка пункта списка <option>:

Пример HTML:

Попробуй сам
<select>
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

Атрибут disabled (Элемент <select>)

Блокиоровка выпадающего списка <select>:

Пример HTML:

Попробуй сам
<select disabled>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Атрибут disabled (Элемент <textarea>)

Блокиоровка текстового поля <textarea>:

Пример HTML:

Попробуй сам
<textarea disabled>
Абзацы используются для логической группировки текста. Перед и после текста абзаца браузер автоматически отступает одну строчку. 
</textarea>

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

Спецификация Статус
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML5.1 (W3C) Рекомендация

Поддержка браузерами

Элемент
<button> 4+ 1+ 6+ 1+ 1+ 1+
<input> 4+ 1+ 6+ 1+ 1+ 1+
<keygen> Да Да Да 6+ Да
<optgroup> 4+ 1+ 3.5+ 1+ 1+ 1+
<option> 3+ 1+ 4+ 1+ 1+ 1+
<select> 3+ 1+ 3.5+ 1+ 1+ 1+
<textarea> 4+ 1+ 3.5+ 1+ 1+ 1+

Учебник HTML

HTML уроки: HTML Атрибуты