disabled
Отключает элемент формы: с ним нельзя взаимодействовать, и его значение не отправляется.
Синтаксис
<button disabled>…</button>Примеры
Отключённые кнопка и поле, поле только для чтения:
<p><button disabled>Pay</button></p>
<p><input value="Disabled" disabled></p>
<p><input value="Read-only (still sent)" readonly></p>Включить кнопку после согласия:
<label><input type="checkbox" onchange="pay.disabled = !this.checked"> I agree</label>
<button id="pay" disabled>Continue</button>Примечания
Отключённый элемент не получает фокус и не отправляется с формой. Если значение нужно показать и отправить, но не дать изменить, используйте readonly. Отключённые кнопки без объяснения раздражают: подскажите, что нужно сделать, чтобы кнопка заработала.
См. также
- <button> — Кнопка: отправляет форму или запускает действие.
- <fieldset>, <legend> — Группа связанных полей формы с заголовком `<legend>`.
- <input> — Поле ввода; вид поля задаёт атрибут `type`.
- inert — Делает часть страницы неактивной: по ней нельзя кликнуть, перейти клавишей Tab или выделить текст.
Вопросы и ответы по теме
В учебнике
- Кнопки — Тег button и его типы submit, reset и button, кнопка с иконкой, отключённая кнопка и разница между кнопкой и ссылкой.