Атрибут disabled

disabled робить елемент форми неактивним — недоступним для взаємодії, не фокусованим Tab'ом, і його значення НЕ відправляється разом з формою.

Applies to

input, button, select, textarea, fieldset, option

Values

Булевий атрибут: сама наявність disabled вимикає елемент.

Example

<button type="submit" disabled>Зачекайте...</button>

Edge cases

На відміну від readonly, значення disabled-поля взагалі НЕ потрапляє в дані форми при відправці.
disabled на fieldset вимикає всі елементи форми всередині нього одночасно.

Accessibility

disabled елементи випадають з Tab-порядку і не озвучуються як інтерактивні — переконайтесь, що це саме та поведінка, яка потрібна (а не просто "неактивний вигляд").

Схожі інструменти

Тег <button>

Атрибут type тегу <button>: submit, button, reset. Різниця та приклади.

Тег <input>

Типи та атрибути тегу <input>: type, name, value, required, pattern.