Een HTML-formulier wordt gebruikt om gegevens, die de gebruiker invult, te versturen.

Alle code voor het formulier komt tussen de <form>-tag en de eindtag </form>. Deze tag moet twee attributen bevatten:

Een formulier bevat altijd een indienknop (submit) waarmee je de gegevens ook verstuurt. Deze voeg je toe met een <button type="submit">-tag. Hetzelfde kan je ook bereiken met een input tag, maar dat komt later aan bod.

Voorbeeld

Voorbeeld: empty_form.html (Klik op deze link om onderstaand formulier te zien in je browser.)

<form action="https://www.google.com/search" method="get">
    <button type="submit">Zoeken op Google</button>
</form>

Wanneer de gebruiker het formulier verzendt, wordt een lege zoekopdracht verstuurd naar de zoekpagina van Google (https://www.google.com/search). Test je eens wat er verandert als je de method aanpast naar POST?

Samenvatting

Tag / attribuut Eindtag Betekenis
<form> </form> Formulier
action   URL waar de ingevulde formulierdata naartoe wordt verstuurd
method   Manier van versturen: get of post
<button> </button> Knop (kan o.a. verzenden, resetten of “gewone” knop zijn)
type   Soort GUI-element (graphical user interface) (submit, …)