HTML vstupní formulář* Atributy
Tato kapitola popisuje různé form*atributy pro <input>element HTML.
Atribut formuláře
Atribut input formurčuje formu, do které <input>prvek patří.
Hodnota tohoto atributu se musí rovnat atributu id prvku <form>, ke kterému patří.
Příklad
Vstupní pole umístěné mimo formulář HTML (ale stále součástí formuláře):
<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">
Atribut formace
Atribut input formactionurčuje adresu URL souboru, který zpracuje vstup při odeslání formuláře.
Poznámka: Tento atribut přepíše
actionatribut <form>prvku.
Atribut formactionfunguje s následujícími typy vstupu: submit a image.
Příklad
HTML formulář se dvěma tlačítky pro odeslání s různými akcemi:
<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>
Atribut formanctype
Atribut input formenctype určuje, jak mají být data formuláře při odeslání zakódována (pouze u formulářů s method="post").
Poznámka: Tento atribut přepíše atribut enctype <form>prvku.
Atribut formenctypefunguje s následujícími typy vstupu: submit a image.
Příklad
Formulář se dvěma tlačítky pro odeslání. První odešle data formuláře s výchozím kódováním, druhá odešle data formuláře zakódovaná jako „multipart/form-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>
Atribut formmethod
Atribut input formmethod definuje metodu HTTP pro odesílání dat formuláře na adresu URL akce.
Poznámka: Tento atribut přepíše atribut metody <form>prvku.
Atribut formmethodfunguje s následujícími typy vstupu: submit a image.
Data formuláře lze odeslat jako proměnné adresy URL (method="get") nebo jako poštovní transakci HTTP (method="post").
Poznámky k metodě "get":
- Tato metoda připojí data formuláře k adrese URL ve dvojicích název/hodnota
- Tato metoda je užitečná pro odesílání formulářů, kde si uživatel chce uložit výsledek do záložek
- Existuje limit, kolik dat můžete umístit do URL (liší se mezi prohlížeči), proto si nemůžete být jisti, že všechna data formuláře budou správně přenesena
- Nikdy nepoužívejte metodu „get“ k předávání citlivých informací! (heslo nebo jiné citlivé informace budou viditelné v adresním řádku prohlížeče)
Poznámky k metodě "post":
- Tato metoda odesílá data formuláře jako poštovní transakci HTTP
- Odeslané formuláře metodou „post“ nelze přidat do záložek
- Metoda "post" je robustnější a bezpečnější než "get" a "post" nemá omezení velikosti
Příklad
Formulář se dvěma tlačítky pro odeslání. První odešle form-data s method="get". Druhý odešle form-data s 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>
Atribut formtarget
Atribut input formtargeturčuje název nebo klíčové slovo, které označuje, kde se má zobrazit odpověď přijatá po odeslání formuláře.
Poznámka: Tento atribut přepíše cílový atribut <form>prvku.
Atribut formtargetfunguje s následujícími typy vstupu: submit a image.
Příklad
Formulář se dvěma tlačítky pro odeslání s různými cílovými okny:
<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>
Atribut formnovalidate
Atribut input formnovalidateurčuje, že prvek <input> by neměl být při odeslání ověřován.
Poznámka: Tento atribut přepíše atribut novalidate <form>
prvku.
Atribut formnovalidatefunguje s následujícími typy vstupu: submit.
Příklad
Formulář se dvěma tlačítky pro odeslání (s a bez ověření):
<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>
Novalidate Atribut
Atribut novalidateje <form>atribut.
Pokud je přítomen, novalidate určuje, že všechna data formuláře by při odeslání neměla být ověřována.
Příklad
Upřesněte, že při odeslání nemají být ověřována žádná data formuláře:
<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 formulář a vstupní prvky
| Tag | Description |
|---|---|
| <form> | Defines an HTML form for user input |
| <input> | Defines an input control |
Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .