Formulář ( anglicky form ) v HTML je část dokumentu, která umožňuje uživateli zadávat informace pro další zpracování systémem. Syntakticky je formulář v HTML specifikován pomocí prvku a kromě označení běžných prvků <form>obsahuje označení pro ovládací prvky , štítky a další [ 1] [ 2] .
Jednoduchý formulář pro zadání údajů o novém uživateli [1] :
<!DOCTYPE html> < html > < head > < meta charset = "utf-8" /> < title > Registrace </ title > </ head > < body > < form action = "http://example.com/app/profile.php" method = "post" > < p > < label for = "username" > Název: </ label > < input type = "text" name = "username" /> < br /> < label for = "nick" > Nick: </ label > < input type = "text" name = "nick" /> < br /> < label for = "email" > Emailová adresa pošta: </ label > < input type = "text" name = "email" /> < br /> < label for = "sex" > Podlaha: </ label > < input type = "radio" name = "sex" value = "male" /> mužský < br /> < input type = "radio" name = "sex" value = "female" /> ženský < br /> < input type = "radio" name = "sex" value = "secret" /> nechci odpovídat < input type = "submit" value = "Submit" > < input type = "reset" value = "Clear" > </ p > </ form > </ body > </ html >V tomto příkladu formulář obsahuje tři textová pole pro zadání textového řetězce, přepínače pro výběr pohlaví, tlačítka pro odeslání ( eng. submit ) a vymazání ( eng. reset ) formuláře.
Ovládací prvky slouží k interakci uživatele s formulářem. Atribut nameurčuje název ovládacího prvku s rozsahem v daném formuláři.
Každý prvek formuláře má počáteční hodnotu a s ním spojenou aktuální hodnotu. S některými výjimkami ( <textarea>, <object>) může být počáteční hodnota dána příponou value. Hodnoty spojené s prvky se mohou změnit, když uživatel nebo skripty (jako je Javascript ) interagují s formulářem. Při vymazání ( eng. reset ) získávají prvky formuláře počáteční hodnoty. Data všech aktivních ( angl. úspěšných ) prvků formuláře jsou odeslána ( angl. submit ) ke zpracování ve formě párů název-hodnota [1] [2] .
V HTML jsou definovány následující ovládací prvky:
HTML5 definuje další prvky ( zatím žádná podpora pro různé prohlížeče ) [3] :
Formulář se nastavuje pomocí prvku <form>, uvnitř kterého jsou umístěny ovládací prvky. Kromě atributů společných pro HTML mohou být přítomny <form>následující [1] [2] :
Existují dva způsoby odeslání formuláře: GET a POST. Metoda GET se doporučuje v případech, kdy během zpracování formuláře na straně serveru nedochází k žádným vedlejším efektům, jako je vyhledávání. V opačném případě, pokud jsou v databázích atd. implikovány úpravy na straně serveru, je nutné použít metodu POST [1] .
Web a webové stránky | |
---|---|
globálně | |
Lokálně | |
Typy stránek a služeb |
|
Tvorba a údržba | |
Typy rozložení, stránek, webů | |
Technický | |
Marketing | |
Společnost a kultura |