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

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

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

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

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

Синтаксис:

<button form = form_id>

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

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

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

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

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибута form HTML тега <button></title>
	</head>
	<body>
		<form id = "myForm">
			Логин:<input type = "text" name = "ulogin"><br> <!-- определяем элемент управления для текстовой информации -->
			Пароль:<input type = "password" name = "upassword"><br> <!-- определяем элемент управления для ввода пароля -->
		</form>
		<button form = "myForm" type = "submit">Отправить</button> <!-- определяем кнопку для отправки формы -->
	</body>
</html>

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

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

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

HTML тег <button>