HTML атрибут disabled, определение и примеры использования
Меню
Веб-разработка

Атрибут disabled HTML

Атрибут disabled

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


Атрибут disabled - синтаксис и код

Пример отключенной кнопки:

<button type="button" disabled>Нажми меня!</button>

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

<form action="/action_page.php">
   Имя: <input type="text" name="fname"><br>
   Фамилия: <input type="text" name="lname" disabled><br>
   <input type="submit" value="Отправить">
</form>

Имя:
Фамилия:

Отключенный раскрывающийся список:

<label for="cars">Выберите автомобиль:</label>

<select id="cars">
   <option value="volvo" disabled>Volvo</option>
   <option value="mercedes">Mercedes</option>
   <option value="vw">VW</option>
   <option value="audi">Audi</option>
</select>

Синтаксис

<button/fieldset/input/optgroup/option/select/textarea disabled>

Определение и использование

Атрибут disabled является логическим атрибутом. При его наличии он указывает, что элемент должен быть отключен. Отключенный элемент не может быть использован.

Атрибут disabled может быть установлен так, чтобы пользователь не мог использовать элемент, пока не будет выполнено какое-либо другое условие (например, установлен флажок и т. д.). Затем JavaScript может удалить отключенное значение и снова сделать элемент пригодным для использования.

Применимо

Атрибут disabled можно использовать для следующих элементов:

Элемент Атрибут
<button> disabled
<fieldset> disabled
<input> disabled
<optgroup> disabled
<option> disabled
<select> disabled
<textarea> disabled

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

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает, кроме fieldset
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой