Атрибут autofocus тега <input> — фокус на полі одразу

Атрибут autofocus (HTML тега <input>) логічний атрибут, який вказує, що елемент <input> повинен автоматично отримувати фокус при завантаженні сторінки.

Тільки один елемент форми (HTML тег <form>) в документі може мати атрибут autofocus. Атрибут не може бути застосований до елементу <input>, атрибут type який має значення "hidden" (визначає приховане поле вводу).

правити

Загальний опис

правити

Нотатка

Без задання атрибут autofocus не встановлено.

автор: с3с правити

+ додати пораду чи нотатку

Синтаксис

<input autofocus>

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

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

Переглядач
	79	110	15.4	66	79	10*

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

Переглядач
	79	79	110	16.4

Приклади

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

<form>
  <p><label>Ім'я<br><input type="text" name="name"></label></p>
  <p><label>Пошта<br><input type="email" name="email" autofocus></label></p>
  <p><button type="submit">Надіслати</button></p>
</form>

label {
  font: 14px/1.6 system-ui, sans-serif;
  color: #334155;
}

input {
  padding: 8px;
  border: 1px solid #94a3b8;
  border-radius: 4px;
}

input:focus {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

<p>Приклад використання атрибуту 'autofocus'</p>
<form >
  <p><input placeholder="Ваше ім'я" name="user" form="data"></p>
<p><input placeholder="Прізвище" name="user"></p>
<p><input placeholder="Ваше повідомлення" name="user" autofocus></p>
  <p><input type="submit" value="Відправити форму" ></p>
  </form>