HTML <button> type Attribuut
Voorbeeld
Twee knopelementen die fungeren als één verzendknop en één resetknop (in een formulier):
<form action="/action_page.php" method="get">
<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"><br><br>
<button type="submit" value="Submit">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
Definitie en gebruik
Het typeattribuut specificeert het type knop.
Tip: Specificeer altijd het type attribuut voor het
<button>element. Verschillende browsers kunnen verschillende standaardtypen voor het
<button>element gebruiken.
Browserondersteuning
| Attribute | |||||
|---|---|---|---|---|---|
| type | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<button type="button|submit|reset">
Attribuutwaarden
| Value | Description |
|---|---|
| button | The button is a clickable button |
| submit | The button is a submit button (submits form-data) |
| reset | The button is a reset button (resets the form-data to its initial values) |
❮ HTML <button>-tag