De form tag
De tag form creëert een formulier voor het verzenden
van gegevens naar de server, waar deze gegevens worden verwerkt
met de programmeertaal PHP.
Formuliergegevens kunnen ook worden verwerkt
met de programmeertaal JavaScript.
De tag dient als container voor de tags input,
textarea,
select,
button,
fieldset.
Deze tags hoeven niet per se in de tag form te worden geplaatst,
maar als dit niet gebeurt, zal het formulier niet naar de server worden verzonden.
Het formulier wordt naar de server verzonden door
te klikken op een knop gemaakt met de tag input
met het attribuut type op de waarde submit,
of op een knop button.
Attributen
| Attribuut | Beschrijving |
|---|---|
action |
Waar we het formulier naartoe sturen, naar welke pagina van de website (eigen website of die van een ander).
Als dit leeg wordt gelaten, wordt het formulier naar de huidige pagina verzonden. Optioneel attribuut.
In het attribuut kan een link naar een specifieke positie op de pagina worden opgegeven (via #, zoals
in de tag a). In dit geval opent de browser na het verzenden van het formulier
de pagina, gespecificeerd in het attribuut action, op de opgegeven positie.
|
method |
De methode voor het verzenden van het formulier, kan POST of GET zijn. Een front-end developer hoeft dit niet per se te weten.
Optioneel attribuut. Standaard is de waarde GET.
|
target |
Geeft aan in welk tabblad de link moet openen: in een nieuw tabblad, in het huidige tabblad of in een frame.
Optioneel attribuut. |
enctype |
Bepaalt de codering van de formuliergegevens.
Optioneel attribuut. Zie voor meer details het attribuut enctype.
|
Waarden van het target attribuut
| Waarde | Beschrijving |
|---|---|
_blank |
De pagina opent in een nieuw browsertabblad. |
_self |
De pagina opent in het huidige browsertabblad. |
_parent |
De pagina opent in het bovenliggende frame. |
_top |
Maakt alle frames ongedaan en laadt de pagina in het volledige browservenster. |
Standaardwaarde: _self.
Voorbeeld van een formulier
<form action="" method="GET">
<input type="text"><br><br>
<input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="radio">
<input type="radio" name="radio">
<br><br>
<textarea></textarea><br><br>
<input type="submit">
</form>
:
Zie ook
-
het attribuut
form,
dat het mogelijk maakt formulierelementen buiten de tagformte plaatsen