HTML -vorm eienskappe
Hierdie hoofstuk beskryf die verskillende eienskappe vir die HTML- <form>
element.
Die Aksie-kenmerk
Die action
kenmerk definieer die aksie wat uitgevoer moet word wanneer die vorm ingedien word.
Gewoonlik word die vormdata na 'n lêer op die bediener gestuur wanneer die gebruiker op die indien-knoppie klik.
In die voorbeeld hieronder word die vormdata na 'n lêer genaamd "action_page.php" gestuur. Hierdie lêer bevat 'n bedienerkant-skrip wat die vormdata hanteer:
Voorbeeld
By indiening, stuur vormdata na "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>
Wenk: As die action
kenmerk weggelaat word, word die aksie op die huidige bladsy gestel.
Die teikenkenmerk
Die target
kenmerk spesifiseer waar om die antwoord te vertoon wat ontvang word nadat die vorm ingedien is.
Die target
kenmerk kan een van die volgende waardes hê:
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 |
Die verstekwaarde is _self
wat beteken dat die antwoord in die huidige venster sal oopmaak.
Voorbeeld
Hier sal die ingediende resultaat in 'n nuwe blaaieroortjie oopmaak:
<form action="/action_page.php" target="_blank">
Die Metode-kenmerk
Die method
kenmerk spesifiseer die HTTP-metode wat gebruik moet word wanneer die vormdata ingedien word.
Die vormdata kan as URL-veranderlikes (met method="get"
) of as HTTP-postransaksie (met method="post"
) gestuur word.
Die verstek HTTP-metode wanneer vormdata ingedien word, is GET.
Voorbeeld
Hierdie voorbeeld gebruik die GET-metode wanneer die vormdata ingedien word:
<form action="/action_page.php" method="get">
Voorbeeld
Hierdie voorbeeld gebruik die POST-metode wanneer die vormdata ingedien word:
<form action="/action_page.php" method="post">
Notas oor GET:
- Voeg die vormdata by die URL, in naam/waarde-pare
- MOET NOOIT GET gebruik om sensitiewe data te stuur nie! (die ingediende vormdata is sigbaar in die URL!)
- Die lengte van 'n URL is beperk (2048 karakters)
- Nuttig vir vormvoorleggings waar 'n gebruiker die resultaat wil boekmerk
- GET is goed vir nie-veilige data, soos navraagstringe in Google
Notas oor POST:
- Voeg die vormdata in die liggaam van die HTTP-versoek by (die ingediende vormdata word nie in die URL gewys nie)
- POST het geen groottebeperkings nie, en kan gebruik word om groot hoeveelhede data te stuur.
- Vormvoorleggings met POST kan nie geboekmerk word nie
Wenk: Gebruik altyd POST as die vormdata sensitiewe of persoonlike inligting bevat!
Die Outovoltooi-kenmerk
Die autocomplete
kenmerk spesifiseer of 'n vorm outovoltooi aan of af moet hê.
Wanneer outovoltooi aan is, voltooi die blaaier outomaties waardes gebaseer op waardes wat die gebruiker voorheen ingevoer het.
Voorbeeld
'n Vorm met outovoltooi op:
<form action="/action_page.php" autocomplete="on">
Die Novalidate-kenmerk
Die novalidate
eienskap is 'n Boolese eienskap.
Wanneer dit teenwoordig is, spesifiseer dit dat die vormdata (invoer) nie bekragtig moet word wanneer dit ingedien word nie.
Voorbeeld
'n Vorm met 'n novalidate-kenmerk:
<form action="/action_page.php" novalidate>
HTML-oefeninge
Lys van alle <form>-kenmerke
Eienskap | Beskrywing |
---|---|
aanvaar-tekenset | Spesifiseer die karakterenkoderings wat gebruik word vir vorm indiening |
aksie | Spesifiseer waarheen die vormdata gestuur moet word wanneer 'n vorm ingedien word |
outovoltooi | Spesifiseer of 'n vorm outovoltooi aan of af moet hê |
enctipe | Spesifiseer hoe die vormdata geënkodeer moet word wanneer dit by die bediener ingedien word (slegs vir method="post") |
metode | Spesifiseer die HTTP-metode om te gebruik wanneer vormdata gestuur word |
naam | Spesifiseer die naam van die vorm |
nie bekragtig nie | Spesifiseer dat die vorm nie bekragtig moet word wanneer dit ingedien word nie |
t.o.v | Spesifiseer die verhouding tussen 'n gekoppelde hulpbron en die huidige dokument |
teiken | Spesifiseer waar om die antwoord te vertoon wat ontvang word nadat die vorm ingedien is |