TGViewer
Вёрстка сайтов | HTML, CSS, JS Вёрстка сайтов | HTML, CSS, JS @free_html_lessons · 4.5K subscribers
Post #1420 1.22K
Атрибут 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 | #теория
  • 👍 3
More from @free_html_lessons
  1. Oct 16, 2026Post #3092
  2. Oct 16, 2026Post #3091
  3. Oct 16, 2026Макет для тренировки (метры) Перейти к макету 🧑‍💻 #практика | #макет
  4. Oct 14, 2026Создаём красивую кнопку загрузки с анимацией на CSS Эффектная кнопка загрузки сделает ваш…
  5. Oct 13, 2026Как использовать псевдокласс :has() для навигации С помощью :has() можно улучшить UX меню.…
  6. Oct 12, 2026Как создать адаптивный текстовый градиент Градиенты в тексте — это модный тренд, который м…
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 →