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

HTML тег <select>

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

Атрибут formhtml5 (HTML тега <select>) задает одну, или несколько форм (тег <form>) к которым элемент принадлежит.


Если этот атрибут задан, то его значение должно быть идентификатором (глобальный атрибут id) элемента формы (тег <form>) в том же документе. Это позволяет размещать элементы <select> в любом месте в документе, а не только как потомки элементов формы (вложенные внутри элемента формы).


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

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

Синтаксис:

<select form =  form_id>

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

ЗначениеОписание
form_idЗначение должно быть идентификатором (глобальный атрибут id) элемента формы (тег <form>) в том же документе.

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

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

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута form HTML тега <select></title>
	</head>
	<body>
		<select form = "userInput">  <!--задаем форму к которой элемент принадлежит -->
			<option value = "">Empty String</option> <!-- в качестве значения пустая строка-->
			<option value = "1">1</option>
			<option value = "2">2</option>
			<option value = "3">3</option>
		</select><br><br>
		<form action = "#" id = "userInput"> <!-- указываем, куда отправляется форма и задаем id -->
			<input type = "submit"> <!--поле, которое определяет кнопку отправки формы -->
		</form>
	</body>
</html>

В этом примере мы создали выпадающий список (тег <select>) за пределами формы, и с использованием атрибута formhtml5 мы указали, что он принадлежит к форме (тег <form>), которая имеет значение "userInput" глобального атрибута id.

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

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