html тег <select> атрибут disabled

Атрибут disabled вказує, що випадаючий список повинен бути відключений.

Блокований список не може отримати фокус через курсор або клавіатуру чи бути змінений.

Значення такого списку не передається на сервер.

Атрибут disabled - логічний атрибут.

не вдалось завантажити зображення

автор: с3с

Порада: Цей атрибут може допомогти в юзабельності сайту, наприклад, при заповненні кортувачем форми випадаючий список буде неативним, доки попередній пункт буде не заповнений (наприклад не буде введено ім'я). Це робиться за допомогою JavaScript.
автор: с3с

Синтаксис

<select disabled>...</select>

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
	1+	1+	1+	3.5+	12+	3+

Підтримка: мобільні переглядачі
Переглядач
	1+	1+	1+	1+

Приклади

+ запропонувати свій приклад у пісочниці

Перший список вимкнено: він сірий, не відкривається і не потрапить у дані форми. Другий — звичайний, для порівняння.

<select disabled>
    <option>вимкнений список</option>
    <option>не відкриється</option>
</select>
<select>
    <option>робочий список</option>
    <option>відкривається</option>
</select>

автор: с3с

Найпростіший приклад використання HTML атрибута disabled теґа <select>

See the Pen select.disabled_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5

У XHTML, мінімізація атрибутів заборонена, тому атрибут disabled повинен бути визначений як <select disabled="disabled">.

Різниця між XHTML та HTML

Коментарі

Коментарів ще немає — будьте першим!