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

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

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

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

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

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

Синтаксис:

<select autofocus>

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

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

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

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

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута autofocus HTML тега <select></title>
	</head>
	<body>
		<select name = "firstList"> 
			<option value = "1">1</option>
			<option value = "2">2</option>
			<option value = "3">3</option>
		</select><br>
		<select name = "secondList"autofocus> <!-- список получит фокус при загрузке -->
			<option value = "1">1</option>
			<option value = "2">2</option>
			<option value = "3">3</option>
		</select>
	</body>
</html>

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

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

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

HTML тег <select>