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

HTML тег <button>

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

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

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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
formhtml5ДаДаДаДа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>) мы разместили за пределами формы и атрибутом formhtml5 указали, что кнопка предназначена для отправки именно этой формы (значением атрибута служит id формы).

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

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