HTML <button> form-eigenschap

HTML <button> Tag

Definitie en gebruik

form Eigenschap die het formulier bepaalt waarvan de knop onderdeel is.

De waarde van deze eigenschap moet gelijk zijn aan de id-eigenschap van het <form>-element in hetzelfde document.

Voorbeeld

Knoppen buiten het formulier (maar nog steeds onderdeel van het formulier):

<form action="/action_page.php" method="get" id="form1">
<label for="fname">Name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Surname:</label>
<input type="text" id="lname" name="lname">
</form>
<button type="submit" form="form1" value="submit">submit</button>

Try it yourself

Syntax

<button form="form_id">

Attribute value

Value Description
form_id

Specifies the form element to which the <button> element belongs.

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

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 16.0 4.0 5.1 9.5

Tip:The <button> form attribute is a new attribute in HTML 5.

HTML <button> Tag