Отключенный атрибут HTML
Определение и использование
Атрибут
disabled
является логическим атрибутом.
Когда он присутствует, он указывает, что элемент должен быть отключен.
Отключенный элемент непригоден для использования.
Атрибут
disabled
может быть установлен таким образом, чтобы пользователь не мог использовать элемент до тех пор, пока не будет выполнено какое-либо другое условие (например, установка флажка и т. д.). Затем JavaScript может удалить отключенное значение и снова сделать элемент пригодным для использования.
Относится к
Атрибут
disabled
можно использовать для следующих элементов:
Элементы | Атрибут |
---|---|
<кнопка> | инвалид |
<набор полей> | инвалид |
<ввод> | инвалид |
<оптгруппа> | инвалид |
<опция> | инвалид |
<выбрать> | инвалид |
<текстовое поле> | инвалид |
Примеры
Пример кнопки
Неактивная кнопка:
<button type="button" disabled>Click Me!</button>
Пример набора полей
Отключить группу связанных элементов формы:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Пример ввода
HTML-форма с отключенным полем ввода:
<form
action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Пример группы опций
Отключенная группа опций:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Вариант Пример
Выпадающий список с одной отключенной опцией:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Выберите пример
Отключенный раскрывающийся список:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Пример текстовой области
Отключенная текстовая область:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Поддержка браузера
Атрибут disabled
имеет следующую поддержку браузера для каждого элемента:
Element | |||||
---|---|---|---|---|---|
button | Yes | Yes | Yes | Yes | Yes |
fieldset | Yes | Not supported | Yes | 7.0 | Yes |
input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
optgroup | 1.0 | 8.0 | Yes | Yes | Yes |
option | 1.0 | 8.0 | 1.0 | Yes | Yes |
select | Yes | Yes | Yes | Yes | Yes |
textarea | Yes | Yes | Yes | Yes | Yes |