HTML disabled Атрибут
Определение и использование
Атрибут disabled является логическим атрибутом.
Когда он присутствует, он указывает, что элемент должен быть disabled.
Disabled элемент непригоден для использования.
Disabled атрибут можно установить, чтобы удержать пользователя от использования элемента до тех пор, пока не будет выполнено какое-либо другое условие (например, выбор флажка и т.д.). Затем JavaScript может удалить disabled значение и сделать элемент пригодным для использования.
Относится к
Атрибут disabled можно использовать для следующих элементов:
| Элементы | Атрибут |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
Пример
Пример кнопки
Отключенная кнопка:
<button type="button" disabled>Нажмите кнопку!</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>
Пример optgroup
Отключенная опция-Группа:
<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 html5css.ru you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Поддержка браузера
Атрибут disabled имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| button | Да | Да | Да | Да | Да |
| fieldset | Да | Не поддерживается | Да | 7.0 | Да |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | Да | Да | Да |
| option | 1.0 | 8.0 | 1.0 | Да | Да |
| select | Да | Да | Да | Да | Да |
| textarea | Да | Да | Да | Да | Да |