Содержание
HTML глобальный атрибут: autofocus (автофокус)
Глобальный атрибут autofocus это логический атрибут, автоматически переводящий фокус на элемент формы сразу после полной загрузки страницы или когда отображается элемент, частью которого является .autofocus <dialog>.
Такую кнопку можно нажать сразу без перевода на неё фокуса, например, с помощью клавиатуры.
Интерактивный пример
Использование
Примечание
Атрибут autofocusприменяется ко всем элементам, а не только к элементам управления формой. Например, его можно использовать в редактируемой области.- Не более одного элемента в документе или диалоге может иметь атрибут автофокуса. Если применить к нескольким элементам, фокус получит первый из них.
Синтаксис
<button autofocus>...</button>
<input name="q" autofocus />
<input type="..." autofocus> <input type="..." autofocus=""> <input type="..." autofocus="autofocus">
Значения атрибута
Нет.
Значение по умолчанию: По умолчанию это значение выключено.
Доступность
Автоматическая фокусировка элемента управления формой может сбить с толку людей с нарушениями зрения, использующих технологию чтения с экрана, и людей с когнитивными нарушениями. Если autofocus присвоено значение, программы чтения с экрана «телепортируют» пользователя в элемент управления формы, не предупреждая его заранее.
При применении атрибута уделяйте особое внимание доступности autofocus. Автоматическая фокусировка на элементе управления может привести к прокрутке страницы при загрузке. Фокус также может привести к отображению динамической клавиатуры на некоторых сенсорных устройствах. В то время как программа чтения с экрана объявляет метку элемента управления формой, получающего фокус, программа чтения с экрана ничего не объявляет перед меткой, и зрячий пользователь на небольшом устройстве в равной степени пропустит контекст, созданный предыдущим содержимым.
Обсуждение