Различия

Показаны различия между двумя версиями страницы.

@@ Строка 1: / Строка 1: @@
+====== HTML глобальный атрибут:  autofocus (автофокус) ======
+[[software:development:web:docs:web:html:global_attributes|Глобальный атрибут]] **autofocus ** это логический атрибут, автоматически переводящий фокус на элемент формы сразу после полной загрузки страницы или когда отображается элемент, частью которого является ''.autofocus'' [[software:development:web:docs:web:html:element:dialog|<dialog>]].
+Такую кнопку можно нажать сразу без перевода на неё фокуса, например, с помощью клавиатуры.
+=====Интерактивный пример=====
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/global_attributes/autofocus.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/global_attributes/autofocus_1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+=====Использование=====
+<WRAP left round info 100%>
+**Примечание**\\
+  * ''Атрибут autofocus'' применяется ко всем элементам, а не только к элементам управления формой. Например, его можно использовать в редактируемой области.
+  * Не более одного элемента в документе или диалоге может иметь атрибут автофокуса. Если применить к нескольким элементам, фокус получит первый из них.
+</WRAP>
+=====Синтаксис=====
+<code>
+<button autofocus>...</button>
+</code>
+<code>
+<input name="q" autofocus />
+</code>
+<code>
+<input type="..." autofocus>
+<input type="..." autofocus="">
+<input type="..." autofocus="autofocus">
+</code>
+=====Значения атрибута=====
+Нет.
+Значение по умолчанию: По умолчанию это значение выключено.
+=====Доступность=====
+Автоматическая фокусировка элемента управления формой может сбить с толку людей с нарушениями зрения, использующих технологию чтения с экрана, и людей с когнитивными нарушениями. Если ''autofocus'' присвоено значение, программы чтения с экрана «телепортируют» пользователя в элемент управления формы, не предупреждая его заранее.
+При применении атрибута уделяйте особое внимание доступности ''autofocus''. Автоматическая фокусировка на элементе управления может привести к прокрутке страницы при загрузке. Фокус также может привести к отображению динамической клавиатуры на некоторых сенсорных устройствах. В то время как программа чтения с экрана объявляет метку элемента управления формой, получающего фокус, программа чтения с экрана ничего не объявляет перед меткой, и зрячий пользователь на небольшом устройстве в равной степени пропустит контекст, созданный предыдущим содержимым.
+=====Ссылки и Дополнения=====
+  * [[https://html.spec.whatwg.org/multipage/interaction.html#dom-fe-autofocus|Стандарт HTML]]
+  * [[https://programmerbook.ru/html/input/autofocus/|programmerbook.ru - Атрибут autofocus]]
+  * [[https://htmlbook.ru/html/button/autofocus|htmlbook.ru - Атрибут autofocus]]