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

HTML тег <select>

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

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


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


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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
autofocushtml5ДаДаДаДаДаДа

Синтаксис:

<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>

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

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

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