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

HTML тег <input>

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

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


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


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

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

Синтаксис:

<input form = "form_id">  

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

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

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

Атрибут formhtml5 считается новым в 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>, которые позволяют пользователю ввести логин и пароль. За пределами формы мы указали элемент управления, который позволяет отправить нашу форму. Кроме того, атрибутом formhtml5, этому элементу мы указали, что он принадлежит форме с id myForm.

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

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