HTML глобальный атрибут: autofocus (автофокус)

Глобальный атрибут autofocus это логический атрибут, автоматически переводящий фокус на элемент формы сразу после полной загрузки страницы или когда отображается элемент, частью которого является .autofocus <dialog>.

Такую кнопку можно нажать сразу без перевода на неё фокуса, например, с помощью клавиатуры.

Интерактивный пример

Использование

Примечание

Атрибут autofocus применяется ко всем элементам, а не только к элементам управления формой. Например, его можно использовать в редактируемой области.
Не более одного элемента в документе или диалоге может иметь атрибут автофокуса. Если применить к нескольким элементам, фокус получит первый из них.

Синтаксис

<button autofocus>...</button>

<input name="q" autofocus />

<input type="..." autofocus>
<input type="..." autofocus="">
<input type="..." autofocus="autofocus">

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

Значение

Описание

имя_класса

Одно или несколько имен классов. Чтобы присвоить несколько классов, необходимо эти имена классов разделять пробелом, например, <span class=«left important»>. Это позволяет одному HTML элементу присвоить несколько CSS классов.
Имена классов
- должны начинаться с латинской буквы A-Z или a-z
- за которой может следовать: латинские буквы содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчёркивания (_) и не должны начинаться с цифры.
- использование русских букв в классах недопустимо.
- в HTML5 эти ограничения сняты, но для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил.
- в HTML все значения регистронезависимы.

Доступность

Автоматическая фокусировка элемента управления формой может сбить с толку людей с нарушениями зрения, использующих технологию чтения с экрана, и людей с когнитивными нарушениями. Если autofocus присвоено значение, программы чтения с экрана «телепортируют» пользователя в элемент управления формы, не предупреждая его заранее.

При применении атрибута уделяйте особое внимание доступности autofocus. Автоматическая фокусировка на элементе управления может привести к прокрутке страницы при загрузке. Фокус также может привести к отображению динамической клавиатуры на некоторых сенсорных устройствах. В то время как программа чтения с экрана объявляет метку элемента управления формой, получающего фокус, программа чтения с экрана ничего не объявляет перед меткой, и зрячий пользователь на небольшом устройстве в равной степени пропустит контекст, созданный предыдущим содержимым.

Ссылки и Дополнения

Только авторизованные участники могут оставлять комментарии.