Атрибут autofocushtml5 HTML тега <input>

HTML тег <input>

Значение и применение

Атрибут autofocushtml5 (HTML тега <input>) логический атрибут, который указывает, что элемент <input> должен автоматически получать фокус при загрузке страницы.

Обращаю Ваше внимание, что только один элемент формы (HTML тег <form>) в документе может иметь атрибут autofocushtml5. Атрибут не может быть применен к элементу <input>, атрибут type которого имеет значение "hidden" (определяет скрытое поле ввода).

Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
autofocushtml55.04.09.65.010.012.0

Синтаксис:

<input autofocus>

Значения атрибута

ЗначениеОписание
autofocusЗначение атрибута необходимо указывать только в XHTML (<input autofocus = "autofocus"/>)

Отличия HTML 4.01 от HTML 5

Нет.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title>Пример использования атрибута placeholder</title>
<style> 
input:focus { /* используя псевдокласс :focus указываем, что все элементы <input> получают стиль при фокусе  */
background: honeydew;; /* устанавливаем цвет заднего фона */
}
</style>
</head>
<body>
	<form>
		Login: <input type = "text"  name = "login" value = "test_user"><br><br>
		Password: <input type = "password"  name = "password" autofocus><br><br> /* поле автоматически получит фокус  */
		<button type = "submit">Далее</button>
	</form>
</body>
</html>

В данном примере мы использовали псевдокласс :focus, который задает, что все элементы <input> получают стиль при фокусе (цвет заднего фона honeydew). Для второго поля мы использовали атрибут autofocushtml5, который указывает, что поле автоматически получит фокус при загрузке страницы.

Результат нашего примера:

Пример использования атрибута autofocus HTML тега <input>.
Пример использования атрибута autofocus HTML тега <input>.
HTML тег <input>
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.