Синтаксис
<button type="..." autofocus>...</button>
<input autofocus>
<select autofocus>...</select>
<textarea autofocus>...</textarea>
Описание
Атрибут autofocus (от англ. autofocus — автофокус) это логическое значение, которое автоматически переводит фокус на элемент формы сразу после полной загрузки страницы.
Используется в тегах <button>, <input>, <select> и <textarea>.
Атрибут может указываться без значения или с пустым значением.
Примечание!
Атрибут autofocus следует присваивать только одному элементу на странице, в противном случае будет конфликт.
Пример
HTML-код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Атрибут autofocus</title>
</head>
<body>
<form action="/action_page.php">
<label for="first-name">Имя: </label>
<input type="text" name="firstName" id="first-name" autofocus><br/>
<label for="last-name">Фамилия: </label>
<input type="text" name="lastName" id="last-name"><br/>
<input type="submit" value="Отправить">
</form>
</body>
</html>
Отображение в браузере:
Поддержка браузера
Атрибут |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
autofocus | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии