====== HTML атрибут: disabled (отключен) ======
Логический ''disabled'' атрибут, если он присутствует, делает элемент недоступным для изменения, фокусировки или даже отправки с формой. Пользователь не может ни редактировать, ни фокусироваться на элементе управления или его потомках.

=====Попробуй=====

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-disabled.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

=====Обзор=====
Если ''disabled'' атрибут указан в элементе управления формой, элемент и его потомки элемента управления формой не участвуют в проверке ограничений. Часто браузеры выделяют такие элементы управления серым цветом и не получают никаких событий просмотра, таких как щелчки мыши или события, связанные с фокусом.

Атрибут disabledподдерживается [[software:development:web:docs:Web:HTML:Element:button|<button>]], [[software:development:web:docs:Web:HTML:Element:fieldset|<fieldset>]], [[software:development:web:docs:Web:HTML:Element:optgroup|<optgroup>]], [[software:development:web:docs:Web:HTML:Element:option|<option>]], [[software:development:web:docs:Web:HTML:Element:select|<select>]], [[software:development:web:docs:Web:HTML:Element:textarea|<textarea>]] и [[software:development:web:docs:Web:HTML:Element:input|<input>]]. 

Этот логический отключенный атрибут указывает, что пользователь не может взаимодействовать с элементом управления или его дочерними элементами управления. Если этот атрибут не указан, элемент управления наследует свою настройку от содержащего его элемента, например ''fieldset''; если нет содержащего элемента с ''disabled'' установленным атрибутом, а сам элемент управления не имеет атрибута, то элемент управления включен. Если объявлено в [[software:development:web:docs:Web:HTML:Element:optgroup|<optgroup>]], выбор остается интерактивным (если не отключено иное), но ни один из элементов в группе параметров не может быть выбран.

<WRAP left round info 100%>
**Примечание.** Если a [[software:development:web:docs:Web:HTML:Element:fieldset|<fieldset>]] отключен, все элементы управления дочерней формой отключены, за исключением элементов управления формы в файле [[software:development:web:docs:Web:HTML:Element:legend|<legend>]].
</WRAP>

Если к вспомогательному элементу ''disabled'' применен атрибут, [[software:development:web:docs:Web:CSS:disabled|:disabled]] к нему также применяется псевдокласс. И наоборот, элементы, которые поддерживают ''disabled'' атрибут, но не имеют набора атрибутов, соответствуют псевдоклассу [[software:development:web:docs:Web:CSS:enabled|:enabled]].

Этот логический атрибут не позволяет пользователю взаимодействовать с кнопкой. Если этот атрибут не установлен, кнопку все равно можно отключить из содержащего ее элемента, например [[software:development:web:docs:Web:HTML:Element:fieldset|<fieldset>]]; если содержащего элемента с установленным атрибутом нет ''disabled'', кнопка активна.

Firefox, в отличие от других браузеров, будет сохранять динамическое отключенное состояние при [[software:development:web:docs:Web:HTML:Element:button|<button>]] загрузке страниц. Используйте [[software:development:web:docs:Web:HTML:Attributes:autocomplete|:autocomplete]] атрибут для управления этой функцией.

====Взаимодействие атрибутов====
Разница между ''disabled'' и [[software:development:web:docs:Web:HTML:Attributes:readonly|:readonly]] заключается в том, что элементы управления, доступные только для чтения, по-прежнему могут функционировать и по-прежнему доступны для фокусировки, тогда как отключенные элементы управления не могут получать фокус и не отправляются вместе с формой и обычно не функционируют как элементы управления, пока они не включены.

Поскольку значение отключенного поля не может быть изменено, [[software:development:web:docs:Web:HTML:Attributes:required|:required]] оно не оказывает никакого влияния на входные данные с ''disabled''  указанным атрибутом. Кроме того, поскольку элементы становятся неизменяемыми, большинство других атрибутов, таких как [[software:development:web:docs:Web:HTML:Attributes:pattern|:pattern]], не действуют, пока элемент управления не будет включен.

<WRAP left round info 100%>
**Примечание.** Атрибут ''required'' не разрешен для входных данных с ''disabled'' указанным атрибутом.
</WRAP>

====Удобство использования====
Браузеры отображают отключенные элементы управления формой серым цветом, поскольку отключенные элементы управления формой являются неизменяемыми, не получают фокус или какие-либо события просмотра, такие как щелчки мыши или события, связанные с фокусом, и не отправляются вместе с формой.

Если он присутствует во вспомогательных элементах, [[software:development:web:docs:Web:CSS:disabled|:disabled]] псевдокласс будет соответствовать. Если атрибут не включен, [[software:development:web:docs:Web:CSS:enabled|:enabled]] псевдокласс будет соответствовать. Если элемент не поддерживает отключенный атрибут, атрибут не будет иметь никакого эффекта, в том числе не приведет к сопоставлению с псевдоклассами '':disabled'' и '':enabled''.

====Проверка ограничений====
Если элемент равен ''disabled'', то значение элемента не может получить фокус и не может быть обновлено пользователем, а также не участвует в проверке ограничений.

===== Примеры =====
Когда элементы управления формой отключены, многие браузеры по умолчанию отображают их более светлым, серым цветом. Ниже приведены примеры отключенного флажка, переключателя [[software:development:web:docs:Web:HTML:Element:option|<option>]] и [[software:development:web:docs:Web:HTML:Element:optgroup|<optgroup>]], а также некоторых элементов управления формой, которые отключаются с помощью атрибута Disable, установленного в [[software:development:web:docs:Web:HTML:Element:fieldset|<fieldset>]] элементе-предке. S [[software:development:web:docs:Web:HTML:Element:option|<option>]] отключены, но [[software:development:web:docs:Web:HTML:Element:select|<select>]] сам нет. Мы могли бы отключить все [[software:development:web:docs:Web:HTML:Element:select|<select>]], добавив атрибут к этому элементу, а не к его потомкам.

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-disabled-1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>