HTML- formulierkenmerken
Dit hoofdstuk beschrijft de verschillende attributen voor het HTML- <form>element.
Het actiekenmerk
Het actionattribuut definieert de actie die moet worden uitgevoerd wanneer het formulier wordt verzonden.
Gewoonlijk worden de formuliergegevens naar een bestand op de server gestuurd wanneer de gebruiker op de verzendknop klikt.
In het onderstaande voorbeeld worden de formuliergegevens verzonden naar een bestand met de naam "action_page.php". Dit bestand bevat een server-side script dat de formuliergegevens verwerkt:
Voorbeeld
Stuur bij het verzenden formuliergegevens naar "action_page.php":
<form action="/action_page.php">
<label for="fname">First
name:</label><br>
<input type="text" id="fname" name="fname"
value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
Tip: Als het actionkenmerk wordt weggelaten, wordt de actie ingesteld op de huidige pagina.
Het doelkenmerk
Het targetkenmerk geeft aan waar het antwoord moet worden weergegeven dat wordt ontvangen na het indienen van het formulier.
Het targetkenmerk kan een van de volgende waarden hebben:
| Value | Description |
|---|---|
| _blank | The response is displayed in a new window or tab |
| _self | The response is displayed in the current window |
| _parent | The response is displayed in the parent frame |
| _top | The response is displayed in the full body of the window |
| framename | The response is displayed in a named iframe |
De standaardwaarde is _selfwat betekent dat het antwoord in het huidige venster wordt geopend.
Voorbeeld
Hier wordt het ingediende resultaat geopend in een nieuw browsertabblad:
<form action="/action_page.php" target="_blank">
Het methode-attribuut
Het methodattribuut specificeert de HTTP-methode die moet worden gebruikt bij het indienen van de formuliergegevens.
De formuliergegevens kunnen als URL-variabelen (met method="get") of als HTTP-posttransactie (met method="post") worden verzonden.
De standaard HTTP-methode bij het indienen van formuliergegevens is GET.
Voorbeeld
In dit voorbeeld wordt de GET-methode gebruikt bij het indienen van de formuliergegevens:
<form action="/action_page.php" method="get">
Voorbeeld
In dit voorbeeld wordt de POST-methode gebruikt bij het indienen van de formuliergegevens:
<form action="/action_page.php" method="post">
Opmerkingen over GET:
- Voegt de formuliergegevens toe aan de URL, in naam/waarde-paren
- Gebruik NOOIT GET om gevoelige gegevens te verzenden! (de ingevulde formuliergegevens zijn zichtbaar in de URL!)
- De lengte van een URL is beperkt (2048 tekens)
- Handig voor formulierinzendingen waarbij een gebruiker een bladwijzer wil maken voor het resultaat
- GET is goed voor niet-beveiligde gegevens, zoals queryreeksen in Google
Opmerkingen over POST:
- Voegt de formuliergegevens toe aan de hoofdtekst van het HTTP-verzoek (de ingediende formuliergegevens worden niet weergegeven in de URL)
- POST heeft geen beperkingen voor de grootte en kan worden gebruikt om grote hoeveelheden gegevens te verzenden.
- Formulierinzendingen met POST kunnen niet worden gemarkeerd als bladwijzer
Tip: Gebruik altijd POST als de formuliergegevens gevoelige of persoonlijke informatie bevatten!
Het kenmerk Automatisch aanvullen
Het autocompleteattribuut specificeert of een formulier automatisch aanvullen aan of uit moet hebben.
Als automatisch aanvullen is ingeschakeld, vult de browser automatisch waarden in op basis van waarden die de gebruiker eerder heeft ingevoerd.
Voorbeeld
Een formulier met automatisch aanvullen op:
<form action="/action_page.php" autocomplete="on">
Het Novalidate-attribuut
Het novalidateattribuut is een booleaans attribuut.
Indien aanwezig, specificeert het dat de formuliergegevens (invoer) niet moeten worden gevalideerd wanneer ze worden ingediend.
Voorbeeld
Een formulier met een novalidate-attribuut:
<form action="/action_page.php" novalidate>
HTML-oefeningen
Lijst met alle <form> attributen
| Attribuut | Beschrijving |
|---|---|
| accept-charset | Specificeert de tekencoderingen die worden gebruikt voor het indienen van formulieren |
| actie | Specificeert waar de formuliergegevens naartoe moeten worden gestuurd wanneer een formulier wordt ingediend |
| automatisch aanvullen | Specificeert of een formulier automatisch aanvullen aan of uit moet hebben |
| enctype | Specificeert hoe de formuliergegevens moeten worden gecodeerd wanneer ze naar de server worden verzonden (alleen voor method="post") |
| methode | Specificeert de HTTP-methode die moet worden gebruikt bij het verzenden van formuliergegevens |
| naam | Specificeert de naam van het formulier |
| niet valideren | Geeft aan dat het formulier niet moet worden gevalideerd wanneer het wordt verzonden |
| rel | Specificeert de relatie tussen een gekoppelde bron en het huidige document |
| doel | Geeft aan waar het antwoord moet worden weergegeven dat wordt ontvangen na het indienen van het formulier |