CodeBase | Frontend

⚙️ Что такое атрибут autofocus в HTML и зачем он используется?

Атрибут autofocus автоматически устанавливает фокус на поле формы при загрузке страницы.

Пользователю не нужно кликать — курсор сразу готов к вводу.

➡️ Пример:

<form>
  <label>
    Ваше имя:
    <input type="text" autofocus>
  </label>
  <button type="submit">Отправить</button>
</form>

🗣️ Почему полезно:

• Улучшает UX — пользователь сразу видит, куда вводить
• Удобен для авторизации, поиска, чатов
• Работает с <input>, <textarea> и <select>

autofocus делает взаимодействие с формой быстрее и интуитивнее.

CodeBase | Frontend | #Основы

Please open Telegram to view this post

VIEW IN TELEGRAM

www.tgoop.com/codebase_frontend/697

335 viewsJun 3 at 10:21

⚙️ Что такое атрибут autofocus в HTML и зачем он используется?

Атрибут autofocus автоматически устанавливает фокус на поле формы при загрузке страницы.

Пользователю не нужно кликать — курсор сразу готов к вводу.

➡️ Пример:

<form>
  <label>
    Ваше имя:
    <input type="text" autofocus>
  </label>
  <button type="submit">Отправить</button>
</form>