autofocus глобальный атрибут HTML
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна во всех браузерах с марта 2023 года.
Глобальный атрибут autofocus — это логический атрибут, указывающий, следует ли перевести фокус на элемент при загрузке страницы или, если он вложен в элемент <dialog> или popover, при отображении <dialog> или всплывающего элемента.
<input name="q" autofocus />
Этот атрибут можно указать только для одного элемента документа, элемента <dialog> или всплывающего элемента. Если атрибут задан для нескольких элементов, фокус получит первый элемент, доступный для фокусировки.
Примечание: Атрибут autofocus применяется ко всем элементам, а не только к элементам управления формы. Например, его можно использовать для области с атрибутом contenteditable.
Примечание: При загрузке страницы, если указан идентификатор фрагмента URI, указывающий на элемент, элемент с атрибутом autofocus не получает фокус благодаря атрибуту autofocus. Обычно вместо него фокус получает элемент, указанный фрагментом.
Проблемы доступности
Автоматическая установка фокуса на элемент управления формы может сбить с толку людей с нарушениями зрения, использующих программы чтения с экрана, а также людей с когнитивными нарушениями. Когда задано значение autofocus, программы чтения с экрана «переносят» пользователя к элементу управления формы, не предупредив его заранее.
Тщательно продумывайте вопросы доступности при использовании атрибута autofocus. Автоматическая установка фокуса на элемент управления может привести к прокрутке страницы при загрузке. Кроме того, на некоторых сенсорных устройствах установка фокуса может вызвать появление экранной клавиатуры. Программа чтения с экрана произнесёт метку элемента управления формы, получившего фокус, но не объявит ничего перед меткой; пользователь без нарушений зрения на небольшом устройстве также не увидит контекст, который создаёт предшествующее содержимое.
Спецификации
| Спецификация |
|---|
| HTML> # the-autofocus-attribute> |
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
autofocus |
791–79Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
7912–79Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
1101–110Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
66≤12.1–66Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
15.44–15.4Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
7918–79Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
1104–110Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
57≤12.1–57Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
16.4Если аппаратная клавиатура не подключена, атрибутautofocus не действует (например, событие focus не срабатывает, а элемент не соответствует селектору :focus). |
12.01.0–12.0Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
794.4–79Поддерживается для элементов<button>, <input>, <select> и <textarea>. |
16.4Если аппаратная клавиатура не подключена, атрибутautofocus не действует (например, событие focus не срабатывает, а элемент не соответствует селектору :focus). |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/autofocus
