Атрибут `autofocus` HTML тега `<button>`

Значение и применение

Логический атрибут autofocus (HTML тега <button>) указывает, что кнопка должна автоматически получить фокус при загрузке страницы.

Обращаю Ваше внимание, что только один элемент в документе может иметь атрибут autofocus (браузер даст фокус тому элементу, который ближе расположен к началу документа, остальные просто будут игнорированы).

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2023 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.global_attributes.autofocus
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`autofocus`	✓79 Версия 79 выпущена в 2019 г. Версия 1 выпущена в 2008 г. — Удалено в 79; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓79 Версия 79 выпущена в 2020 г. Версия 12 выпущена в 2015 г. — Удалено в 79; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓110 Версия 110 выпущена в 2023 г. Версия 1 выпущена в 2004 г. — Удалено в 110; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓66 Версия 66 выпущена в 2020 г. Поддержка появилась не позднее версии 12.1 (2012 г.) — Удалено в 66; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓15.4 Версия 15.4 выпущена в 2022 г. Версия 4 выпущена в 2009 г. — Удалено в 15.4; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓79 Версия 79 выпущена в 2019 г. Версия 18 выпущена в 2012 г. — Удалено в 79; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓110 Версия 110 выпущена в 2023 г. Версия 4 выпущена в 2011 г. — Удалено в 110; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓57 Версия 57 выпущена в 2020 г. Поддержка появилась не позднее версии 12.1 (2012 г.) — Удалено в 57; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓16.4 Версия 16.4 выпущена в 2023 г. Примечание MDN (англ.) If there's no hardware keyboard connected, then the `autofocus` attribute has no effect (for example, the `focus` event doesn't fire and the element does not match the `:focus` selector).	✓12.0 Версия 12.0 выпущена в 2020 г. Версия 1.0 выпущена в 2013 г. — Удалено в 12.0; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓79 Версия 79 выпущена в 2019 г. Версия 4.4 выпущена в 2013 г. — Удалено в 79; Частичная поддержка Примечание MDN (англ.) Supported for the `<button>`, `<input>`, `<select>`, and `<textarea>` elements.	✓16.4 Версия 16.4 выпущена в 2023 г. Примечание MDN (англ.) If there's no hardware keyboard connected, then the `autofocus` attribute has no effect (for example, the `focus` event doesn't fire and the element does not match the `:focus` selector).

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML

<button autofocus>

Значения атрибута

Значение	Описание
`autofocus`	Значение атрибута требуется только в XHTML (`<button autofocus = "autofocus">`).

Отличия HTML 4.01 от HTML 5

Атрибут считается новым в HTML 5.

Примеры, попробуйте сами

Атрибут autofocus элемента button

Откройте скачанный HTML отдельно, чтобы проверить начальный фокус.

index.html