HTML -invoervorm* Kenmerke
Hierdie hoofstuk beskryf die verskillende form*eienskappe vir die HTML- <input>element.
Die vorm Kenmerk
Die invoerkenmerk formspesifiseer die vorm waaraan die <input>element behoort.
Die waarde van hierdie kenmerk moet gelyk wees aan die id-kenmerk van die <form>-element waaraan dit behoort.
Voorbeeld
'n Invoerveld wat buite die HTML-vorm geleë is (maar steeds 'n deel van die vorm):
<form action="/action_page.php" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last
name:</label>
<input type="text" id="lname"
name="lname" form="form1">
Die formasie-kenmerk
Die invoer- formactionkenmerk spesifiseer die URL van die lêer wat die invoer sal verwerk wanneer die vorm ingedien word.
Let wel: Hierdie kenmerk ignoreer die
actionkenmerk van die <form>element.
Die formactionkenmerk werk met die volgende invoertipes: indien en beeld.
Voorbeeld
'n HTML-vorm met twee indienknoppies, met verskillende aksies:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
Die formenctype-kenmerk
Die invoerkenmerk formenctype spesifiseer hoe die vormdata geënkodeer moet word wanneer dit ingedien word (slegs vir vorms met method="post").
Let wel: Hierdie kenmerk ignoreer die enctype-kenmerk van die <form>element.
Die formenctypekenmerk werk met die volgende invoertipes: indien en beeld.
Voorbeeld
'n Vorm met twee indienknoppies. Die eerste stuur die vorm-data met verstek-kodering, die tweede stuur die vorm-data geënkodeer as "veeldeel/vorm-data":
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
Die vormmetode-kenmerk
Die invoer- formmethod kenmerk definieer die HTTP-metode vir die stuur van vormdata na die aksie-URL.
Let wel: Hierdie kenmerk ignoreer die metode-kenmerk van die <form>element.
Die formmethodkenmerk werk met die volgende invoertipes: indien en beeld.
Die vormdata kan gestuur word as URL-veranderlikes (metode="get") of as 'n HTTP-postransaksie (metode="pos").
Notas oor die "kry" metode:
- Hierdie metode voeg die vormdata by die URL in naam/waarde-pare
- Hierdie metode is nuttig vir vormvoorleggings waar 'n gebruiker die resultaat wil boekmerk
- Daar is 'n beperking op hoeveel data jy in 'n URL kan plaas (wissel tussen blaaiers), daarom kan jy nie seker wees dat al die vormdata korrek oorgedra sal word nie
- Moet nooit die "kry"-metode gebruik om sensitiewe inligting deur te gee nie! (wagwoord of ander sensitiewe inligting sal in die blaaier se adresbalk sigbaar wees)
Notas oor die "pos" metode:
- Hierdie metode stuur die vormdata as 'n HTTP-postransaksie
- Vormvoorleggings met die "pos"-metode kan nie geboekmerk word nie
- Die "pos"-metode is meer robuust en veilig as "kry", en "pos" het nie groottebeperkings nie
Voorbeeld
'n Vorm met twee indienknoppies. Die eerste stuur die vorm-data met method="get". Die tweede stuur die vorm-data met method="post":
<form action="/action_page.php" method="get">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit using
GET">
<input type="submit" formmethod="post" value="Submit using
POST">
</form>
Die formtarget-kenmerk
Die invoerkenmerk formtargetspesifiseer 'n naam of 'n sleutelwoord wat aandui waar om die antwoord te vertoon wat ontvang word nadat die vorm ingedien is.
Let wel: Hierdie kenmerk ignoreer die teikenkenmerk van die <form>element.
Die formtargetkenmerk werk met die volgende invoertipes: indien en beeld.
Voorbeeld
'n Vorm met twee indienknoppies, met verskillende teikenvensters:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
Die formnovalidate-kenmerk
Die invoerkenmerk formnovalidatespesifiseer dat 'n <invoer>-element nie bekragtig moet word wanneer dit ingedien word nie.
Let wel: Hierdie kenmerk ignoreer die novalidate-kenmerk van die <form>
element.
Die formnovalidatekenmerk werk met die volgende invoertipes: indien.
Voorbeeld
'n Vorm met twee indienknoppies (met en sonder bekragtiging):
<form action="/action_page.php">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
Die novalidate-kenmerk
Die novalidateeienskap is 'n <form>eienskap.
Indien teenwoordig, spesifiseer novalidate dat al die vormdata nie bekragtig moet word wanneer dit ingedien word nie.
Voorbeeld
Spesifiseer dat geen vormdata by indiening gevalideer moet word nie:
<form action="/action_page.php" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
HTML-vorm en invoerelemente
| Tag | Description |
|---|---|
| <form> | Defines an HTML form for user input |
| <input> | Defines an input control |
Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .