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

На сайте нет рекламы

HTML Атрибут autofocus



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

Атрибут autofocus - логический атрибут.

При наличии он указывает, что элемент должен автоматически получать фокус при загрузке страницы.


Применение

Атрибут autofocus можно использовать для следующих элементов:

Элемент Атрибут
<button> autofocus
<input> autofocus
<select> autofocus
<textarea> autofocus

Примеры

Пример Button

Кнопка с автофокусом:

<button type="button" autofocus>Нажмите на меня!</button>
Попробуйте сами »

Пример Input

Пусть поле ввода "Имя" автоматически получает фокус при загрузке страницы:

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

Пример Textarea

Текстовое поле с автофокусом:

<textarea autofocus>
В schoolsw3.com вы узнаете, как сделать сайт. Мы предлагаем бесплатные обучающие программы по всем технологиям веб разработки.
</textarea>
Попробуйте сами »

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

Атрибут autofocus имеет следующую поддержку браузера для каждого элемента:

Элемент
form 5.0 10.0 4.0 5.0 9.6
input 5.0 10.0 4.0 5.0 9.6
textarea Да 10.0 4.0 Да Да