TGViewer
Вёрстка сайтов | HTML, CSS, JS Вёрстка сайтов | HTML, CSS, JS @free_html_lessons · 4.52K subscribers
Post #2927 537
Атрибут autofocus

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

Пример использования атрибута autofocus:
<form>
<label for="name">Имя:</label>
<input type="text" id="name" name="name" autofocus>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="Отправить">
</form>


В данном примере, при загрузке страницы, поле ввода с id "name" будет автоматически получать фокус, что позволит пользователю сразу начать вводить свое имя.

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

#html | #теория
  • 👍 1
More from @free_html_lessons
  1. Sep 25, 2026Post #3059
  2. Sep 25, 2026Макет для тренировки (rectop) Перейти к макету 🧑‍💻 #макет@free_html_lessons
  3. Sep 24, 2026Post #3057
  4. Sep 24, 2026Timeline Tree Посмотреть на codepen 👨‍💻 #практика
  5. Sep 23, 2026Применение редких html атрибутов на практике. 2 часть Читать 👨‍💻 #полезнаястатья
  6. Sep 22, 2026🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00 ДА! Вайбк…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →