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