Атрибут autofocus HTML тега <button>

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

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

Обращаю Ваше внимание, что только один элемент в документе может иметь атрибут autofocus html5 (браузер даст фокус тому элементу, который ближе расположен к началу документа, остальные просто будут игнорированы).

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
autofocus	Да	Да	Да	5.0	10.0	12.0

Синтаксис:

<button autofocus>

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

Значение	Описание
autofocus	Значение атрибута требуется только в XHTML (<button autofocus = "autofocus">).

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

Атрибут считается новым в HTML 5.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута autofocus HTML тега <button></title>
	</head>
	<body>
		<form>
			<button name = "button" type = "button">Кнопка</button>
			<button name = "focusButton" type = "button" autofocus><b>Жми!!!</b></button>
		</form>
	</body>
</html>

В данном примере мы создали две кнопки (HTML тег <button>), атрибутом name укаали им уникальные имена. Для второй кнопки атрибутом autofocus html5 задали, что при загрузке страницы она получит фокус (браузеры, как правило, подсвечивают этот элемент).

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

Пример использования атрибута autofocus HTML тега <button> (фокус для элемента).

HTML тег <button>