Zoeken…
Invoering
Om invoerelementen te groeperen en gegevens in te dienen, gebruikt HTML een formulierelement om invoer- en indieningselementen in te kapselen. Deze formulieren verwerken het verzenden van de gegevens in de opgegeven methode naar een pagina die wordt verwerkt door een server of handler. In dit onderwerp wordt het gebruik van HTML-formulieren bij het verzamelen en verzenden van invoergegevens uitgelegd en gedemonstreerd.
Syntaxis
<form method="post|get" action="somePage.php" target="_blank|_self|_parent|_top|framename">
parameters
| Attribuut | Beschrijving |
|---|---|
accept-charset | Hiermee geeft u de tekencoderingen op die moeten worden gebruikt voor het indienen van het formulier. |
action | Geeft aan waar de formuliergegevens naartoe moeten worden gestuurd wanneer een formulier wordt verzonden. |
autocomplete | Geeft aan of een formulier autocomplete moet hebben aan of uit. |
enctype | Geeft aan hoe de formuliergegevens moeten worden gecodeerd bij verzending naar de server (alleen voor method = "post"). |
method | Hiermee geeft u de HTTP-methode op die moet worden gebruikt bij het verzenden van formuliergegevens (POST of GET). |
name | Specificeert de naam van een formulier. |
novalidate | Geeft aan dat het formulier niet moet worden gevalideerd wanneer het wordt verzonden. |
target | Geeft aan waar het antwoord moet worden weergegeven dat is ontvangen na het verzenden van het formulier. |
Opmerkingen
Het element <form> vertegenwoordigt een sectie met aan formulieren gekoppelde elementen (bijvoorbeeld <button> <fieldset> <input> <label> <output> <select> <textarea> ) die informatie naar een server verzendt. Zowel starttags ( <form> ) als eindtags ( </form> ) zijn vereist.
Het indienen
Het actiekenmerk
Het actiekenmerk definieert de actie die moet worden uitgevoerd wanneer het formulier wordt verzonden, wat meestal leidt tot een script dat de ingediende informatie verzamelt en ermee werkt. als u dit leeg laat, wordt het naar hetzelfde bestand verzonden
<form action="action.php">
Het kenmerk Method
Het kenmerk method wordt gebruikt om de HTTP-methode te definiëren van het formulier GET of POST.
<form action="action.php" method="get">
<form action="action.php" method="post">
De GET-methode wordt meestal gebruikt om gegevens op te halen , bijvoorbeeld om een bericht op ID of naam te ontvangen, of om een zoekopdracht in te dienen. De GET-methode voegt de formuliergegevens toe aan de URL die is opgegeven in het actiekenmerk.
www.example.com/action.php?firstname=Mickey&lastname=Mouse
De POST-methode wordt gebruikt bij het verzenden van gegevens naar een script. De POST-methode voegt de formuliergegevens niet toe aan de actie-URL, maar verzendt deze met behulp van de aanvraagtekst.
Om de gegevens van het formulier correct in te dienen, moet een naamkenmerknaam worden opgegeven.
Laten we als voorbeeld de waarde van het veld verzenden en de naam instellen op achternaam :
<input type="text" name="lastname" value="Mouse">
Meer attributen
<form action="action.php" method="post" target="_blank" accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
<!-- form elements -->
</form>
Doelkenmerk in formuliertag
Het doelkenmerk geeft een naam of een trefwoord aan dat aangeeft waar het antwoord moet worden weergegeven dat is ontvangen na het verzenden van het formulier.
Het doelkenmerk definieert een naam of trefwoord voor een bladercontext (bijv. Tabblad, venster of inline frame).
Van tag met een doelkenmerk:
<form target="_blank">
Kenmerkwaarden
| Waarde | Beschrijving |
|---|---|
| _blanco | Het antwoord wordt weergegeven in een nieuw venster of tabblad |
| _zelf | Het antwoord wordt in hetzelfde frame weergegeven (dit is standaard) |
| _ouder | Het antwoord wordt weergegeven in het bovenliggende frame |
| _top | Het antwoord wordt weergegeven in de volledige inhoud van het venster |
| framename | Het antwoord wordt weergegeven in een benoemd iframe |
Opmerking: het doelkenmerk is verouderd in HTML 4.01 . Het doelkenmerk wordt ondersteund in HTML5 .
Frames en framesets worden niet ondersteund in HTML5 , dus de waarden _parent, _top en framename worden nu meestal gebruikt met iframes .
Bestanden uploaden
Afbeeldingen en bestanden kunnen worden geüpload / ingediend bij de server door het enctype kenmerk van form te stellen op multipart/form-data . enctype geeft aan hoe formuliergegevens worden gecodeerd tijdens verzending naar de server.
Voorbeeld
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="pic" />
<input type="submit" value="Upload" />
</form>
Een paar invoervelden groeperen
Tijdens het ontwerpen van een formulier wilt u misschien een paar invoervelden in een groep groeperen om de indeling van het formulier te helpen organiseren. Dit kan met behulp van de tag. Hier is een voorbeeld om het te gebruiken.
Voor elke veldset kunt u een legenda voor de set instellen met behulp van de tag LEGEND TEXT
Voorbeeld
<form>
<fieldset>
<legend>1st field set:</legend>
Field one:<br>
<input type="text"><br>
Field two:<br>
<input type="text"><br>
</fieldset><br>
<fieldset>
<legend>2nd field set:</legend>
Field three:<br>
<input type="text"><br>
Field four:<br>
<input type="text"><br>
</fieldset><br>
<input type="submit" value="Submit">
</form>
Resultaat
Browserondersteuning
De nieuwste versies van Chrome, IE, Edge, FireFox, Safari en Opera ondersteunen ook de tag