autofocus
Атрибут autofocus глобального атрибута — это булевый атрибут, указывающий, что элемент должен быть сфокусирован при загрузке страницы или когда <dialog>, частью которого он является, отображается.
<input name="q" autofocus />
Не более одного элемента в документе или диалоговом окне может иметь атрибут autofocus. Если он применён к нескольким элементам, фокус получит первый из них.
Примечание: Атрибут autofocus применим ко всем элементам, а не только к элементам форм. Например, он может использоваться в области contenteditable.
Вопросы доступности
Автоматическое фокусирование элемента управления формой может сбивать с толку людей с нарушениями зрения, использующих технологии чтения с экрана, и людей с когнитивными нарушениями. Когда autofocus задан, средства чтения с экрана «перемещают» пользователя к элементу управления формой без предварительного предупреждения.
При применении атрибута autofocus следует учитывать вопросы доступности. Автоматическое фокусирование на элементе управления может привести к прокрутке страницы при загрузке. Фокусировка также может привести к отображению динамической клавиатуры на некоторых сенсорных устройствах. Хотя средство чтения с экрана объявит метку элемента управления формой, получившего фокус, оно не объявит ничего до метки, и пользователь с нормальным зрением на небольшом устройстве аналогично пропустит контекст, созданный предшествующим содержимым.
Спецификации
| Спецификация |
|---|
| Стандарт HTML # dom-fe-autofocus |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
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>. |
15.43.2–15.4Поддерживается для элементов<button>, <input>, <select>, и <textarea>. |
12.01.0–12.0Поддерживается для элементов<button>, <input>, <select>, и <textarea>. |
79≤37–79Поддерживается для элементов<button>, <input>, <select>, и <textarea>. |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
