Это старая версия документа!
Содержание
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. Автоматическая фокусировка на элементе управления может привести к прокрутке страницы при загрузке. Фокус также может привести к отображению динамической клавиатуры на некоторых сенсорных устройствах. В то время как программа чтения с экрана объявляет метку элемента управления формой, получающего фокус, программа чтения с экрана ничего не объявляет перед меткой, и зрячий пользователь на небольшом устройстве в равной степени пропустит контекст, созданный предыдущим содержимым.