САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Тег <input> атрибут disabled

❮ HTML тег <input>


Пример

HTML форма с отключенным полем ввода:

<form action="/action_page.php">
  <label for="fname">Имя:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Фамилия:</label>
  <input type="text" id="lname" name="lname" disabled><br><br>
  <input type="submit" value="Submit">
</form>
Попробуйте сами »

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

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

Если атрибут disabled присутствует, то указывает, что элемент <input> должен быть отключен.

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

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

Совет: Отключенные элементы <input> в форме не будут отправлены!


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

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
disabled Да Да Да Да Да

Синтаксис

<input disabled>
>

❮ HTML тег <input>