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

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

Атрибут form html5 (HTML тега <input>) задает форму (элемент <form>) к которой элемент управления принадлежит. В качестве значения должен выступать идентификатор формы (id) в этом же документе.

Обращаю Ваше внимание, что если атрибут form не указан, то элемент <input> должен быть потомком элемента <form>. Атрибут позволяет разместить элементы <input> в любом месте в документе, а не только в качестве потомка элемента <form>. Элемент <input> может быть связан только с одной формой.

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

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

Синтаксис:

<input form = "form_id">

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

Значение	Описание
form_id	Идентификатор формы (id) к которой элемент <input> принадлежит.

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

Атрибут form html5

считается новым в HTML 5.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибута form HTML тега <input></title>
	</head>
	<body>
		<form id = "myForm" action = "script.php"> <!-- определяем id для нашей формы и адрес, куда отправляется форма -->	
			Логин: <input type = "text" name = "userLogin"><br><br> <!-- определяем элемент управления для ввода текстовой информации -->
			Пароль: <input type = "password" name = "userPass"><br><br> <!-- определяем элемент управления для ввода пароля -->
		</form>
		<input type = "submit" value = "Войти" form = "myForm"> <!-- определяем кнопку отправки формы и указываем, что она принадлежит форме с id myForm -->
	</body>
</html>

В данном примере мы создали форму (HTML тег <form>), глобальным атрибутом id указали для неё идентификатор, атрибутом action указали адрес, куда отправляется форма.

Внутри формы мы поместили два элемента управления <input>, которые позволяют пользователю ввести логин и пароль. За пределами формы мы указали элемент управления, который позволяет отправить нашу форму. Кроме того, атрибутом form html5 , этому элементу мы указали, что он принадлежит форме с id myForm.

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

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

HTML тег <input>