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:
action: URL waarnaar de gegevens moeten verstuurd worden (verzendbestemming)method: stelt in wat er met die gegevens moet gebeuren. Er zijn twee mogelijkheden voor de HTTP-aanvraagmethode: GET of POST. Met GET worden gegevens opgehaald via de URL en getoond in een webpagina. Met POST worden de gegevens naar de URL verstuurd en veroorzaken ze een verandering op de webserver.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:
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?
| 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, …) |