Как предварительно выбрать элемент ввода при загрузке страницы в HTML5?

В этой статье мы собираемся предварительно выбрать элемент ввода при загрузке страницы, т. е. пользователю не нужно щелкать первое текстовое поле, чтобы начать писать в нем. Когда страница загружается, ввод должен быть предварительно выбран, и пользователь может начать печатать напрямую. Это можно сделать с помощью атрибута автофокуса. Это логический атрибут, который выделяет элемент и поддерживает элементы <button>, <input>, <select> и <textarea>.

Подход:

• Создайте div для формы HTML.
• Мы сделаем элементы ввода внутри формы текстом и добавим автофокус к имени пользователя.
• При загрузке страницы мы увидим, что имя пользователя будет в фокусе, и мы можем сразу начать печатать.

Синтаксис :

<input type="text" autofocus>

Пример:

Выход: