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

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

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

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

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
form	Да	Да	Да	Да	Нет	Нет

Синтаксис:

<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>) за пределами формы, и с использованием атрибута form html5 мы указали, что он принадлежит к форме (тег <form>), которая имеет значение "userInput" глобального атрибута id.

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

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

HTML тег <select>