Атрибут autofocus задает автоматический фокус ввода по умолчанию для полей HTML формы при загрузке страницы.

Тот элемент, которому задан атрибут autofocus, будет иметь фокус при загрузке страницы (в нем будет моргать курсор, если начать вводить текст с клавиатуры - он будет попадать в поле с фокусом ввода).

Атрибут следует применять к тегам input или textarea.

Атрибут autofocus следует давать только одному элементу на странице, в противном случае будет конфликт.

См. также псевдокласс focus, который задает стили элементам формы, которые имеют фокус ввода (т.е. в которых сейчас моргает курсор).

См. также атрибут tabindex, который позволяет менять фокус для элементов по нажатию клавиши Tab.

Примеры

Пример

В данном примере при обновлении страницы первый тег input будет иметь фокус ввода, так как ему задан атрибут autofocus (обновите страницу и посмотрите на результат, только не нажимайте никуда мышкой, так как фокус из инпута пропадет):

<input type="text" autofocus>
<input type="text">
<input type="text">

Результат выполнения кода: