De <button>-tag maakt klikbare knoppen op webpagina's. Hiermee kunnen gebruikers interageren met de webpagina door acties uit te voeren, zoals het verzenden van een formulier of het uitvoeren van JavaScript-code. Hoewel we in deze cursus niet ingaan op JavaScript, is het belangrijk om te weten dat deze mogelijkheid bestaat.

Typen knoppen

• Standaardknop (<button type="button">): Een algemene knop die wordt gebruikt voor verschillende acties op de webpagina, zoals het aanroepen van JavaScript-functies of het navigeren naar een andere pagina;
• Verzendknop (<button type="submit">): Wordt binnen een formulier gebruikt om de formuliergegevens naar een server te verzenden;
• Resetknop (<button type="reset">): Wordt binnen een formulier gebruikt om de velden van het formulier terug te zetten naar hun standaardwaarden.

Voorbeeld:

In het bovenstaande voorbeeld:

• De eerste knop is een standaardknop met een onclick-attribuut dat een waarschuwing activeert wanneer erop wordt geklikt;
• De tweede knop is een verzendknop die de formuliergegevens naar de server verzendt;
• De derde knop is een resetknop die de formuliervelden terugzet naar hun standaardwaarden.