САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML атребут disabled


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

Атрибут disabled является логическим атрибутом.

Когда он присутствует, он указывает, что элемент должен быть отключен.

Отключенный элемент непригоден для использования.

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


Относится к

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

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

Примеры

Button Пример

Отключенная кнопка:

<button type="button" disabled>Click Me!</button>
Попробуйте сами »

Fieldset Пример

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

<fieldset disabled>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
</fieldset>
Попробуйте сами »

Input Пример

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>
Попробуйте сами »

Option Пример

Выпадающий список с одним отключенным параметром:

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

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 Пример

Отключенная текстовая область:

<textarea disabled>
At PROGtutorial.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Попробуйте сами »

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

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

Элемент
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