10+ | 5+ | 9.6+ | Да | 5.2+ | 4+ |
HTML Атрибут autofocus
Логический атрибут autofocus (от англ. "autofocus" ‒ «автофокус») автоматически переводит фокус на элемент формы сразу после полной загрузки страницы.
Синтаксис
<input autofocus>
Значения
Данный атрибут является логическим атрибутом. Может указываться либо без значения, либо с пустым значением, либо со значением «autofocus».
Внимание: Атрибут autofocus следует присваивать только одному элементу на странице, в противном случае будет конфликт.
Значение по умолчанию
По умолчанию атрибут autofocus не установлен.
Применяется к тегам
<button> | <input> | <keygen> | <select> | <textarea> |
Примеры использования:
Кнопка с автофокусом
Пример HTML:
Попробуй самКнопка с автофокусом: <button type="button" autofocus>Кликни меня!</button><br>
Кнопка без автофокуса: <button type="button">Кликни меня!</button>
Атрибут autofocus (Элемент input)
Пример HTML:
Попробуй сам<form action="action_form.php">
Имя: <input type="text" name="firstname" autofocus><br>
Фамилия: <input type="text" name="lastname"><br>
<input type="submit">
</form>
Атрибут autofocus (Элемент keygen)
Пример HTML:
Попробуй сам<form action="action_form.php" method="get">
Ваш логин: <input type="text" name="login"><br>
Шифрование: <keygen name="security" autofocus><br>
<input type="submit">
</form>
Атрибут autofocus (Элемент textarea)
Пример HTML:
Попробуй сам<textarea autofocus>
wm-school.ru поможет вам освоить HTML, CSS, JavaScript. Вы научитесь создавать уникальные сайты без конструкторов и шаблонов...
</textarea>
Спецификации
Спецификация | Статус |
---|---|
HTML5.1 (W3C) | Рекомендация |
HTML5 (W3C) | Рекомендация |
Поддержка браузерами
Внимание: Применение атрибута autofocus в элементе <keygen> не поддерживается браузерами Internet Explorer и Firefox Mobile.
Учебник HTML
HTML уроки: HTML Атрибуты
