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

Атрибут autofocus вказує, що список має отримати фокус одразу після завантаження сторінки.

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

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

автор: с3с

Порада: autofocus для коректної роботи встановлюйте тільки на один елемент сторінки
автор: с3с

Синтаксис

<select autofocus>


...


</select>

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
	8+	4+	4+	10+	12+	10+

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

Приклади

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

Сторінка відкривається з фокусом одразу на списку — натисни стрілки вгору/вниз, і він реагує без жодного кліку; сусіднє поле фокуса не отримало.

<form>
    <select name="num" autofocus>
        <option value="1">перший</option>
        <option value="2">другий</option>
        <option value="3">третій</option>
    </select>
    <input type="text" placeholder="а фокус не тут">
</form>

автор: с3с

Приклад використання HTML атрибута autofocus теґа <select> Якщо приклад не працює скопіюте код на совю сторінку

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

автор: с3с

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

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

Атрибут autofocus став доступний для тега <select>

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

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

Коментарі

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