Horje

How to add HTML <button> form Attribute

A button located outside a form (but still a part of the form):

Definition and Usage

The form attribute specifies the form the button belongs to.

The value of this attribute must be equal to the id attribute of a <form> element in the same document.

Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Syntax

<button form="form_id">

Attribute Values

Value Description
form_id Specifies the form element the <button> element belongs to. The value of this attribute must be the id attribute of a <form> element in the same document.
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h1>The button form attribute</h1>

<form action="/action_page.php" method="get" id="nameform">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname">
</form>

<p>The button below is outside the form element, but still part of the form.</p>

<button type="submit" form="nameform" value="Submit">Submit</button>

</body>
</html>

Output should be:

How to add HTML <button> form Attribute




Type:
html
Category:
Web Tutorial
Sub Category:
HTML Tag
Uploaded by:
Admin