Formulář (HTML)

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] .  

Příklad

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

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] .

Typy

V HTML jsou definovány následující ovládací prvky:

  • tlačítko: prvek <input>typů submit(odeslání formuláře), image(obrázek-tlačítko), reset(vymazání formuláře, uvedení formuláře do výchozího stavu), button(tlačítko), stejně jako prvek <button>(odeslání formuláře);
  • checkbox (checkbox): typ checkbox;
  • přepínač : typ radio;
  • menu: prvek <select>s prvky <optgroup>a <option>uvnitř;
  • řádek textu: type texta element <textarea>(víceřádkové textové pole);
  • heslo: typ password;
  • skryté pole: typ hidden;
  • soubor: typ file.

HTML5 definuje další prvky ( zatím žádná podpora pro různé prohlížeče ) [3] :

  • prvek <datalist>s možnostmi automatického doplňování pro řádek textu;
  • prvek <output>pro výsledek výpočtu na základě jiných polí;
  • prvek <keygen>pro generování páru klíčů pro použití v autentizačním mechanismu .

Prvek <form>

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] :

  • action(action) je povinný atribut (ne v HTML5) obsahující URI obslužného programu formuláře;
  • method(způsob odeslání formuláře) - atribut, který nabývá hodnot GET (výchozí) nebo POST;
  • enctype(typ kódování pro obsah) - výchozí application/x-www-form-urlencoded(vždy pro metodu GET), ale obvykle se používá multipart/form-data ;
  • accept — seznam typů MIME pro stahování souborů;
  • name - název formuláře;
  • onsubmit - obsluha události "formulář odeslán" (pro skripty);
  • onreset - obsluha události: "form cleared" (také pro skripty);
  • accept-charsetseznam podporovaných znakových sad.

Odeslání formuláře

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] .

Viz také

Poznámky

  1. ↑ 1 2 3 4 5 Specifikace jazyka HTML Archivní kopie ze dne 4. prosince 2012 na Wayback Machine , překladatel: A. Piramidin, intuit.ru, ISBN 978-5-94774-648-8 , 17. Přednáška: Formuláře.
  2. ↑ 1 2 3 Formuláře v dokumentech HTML Archivováno 22. dubna 2021 ve specifikaci Wayback Machine  W3C pro HTML4
  3. ↑ HTML5 Form Elements, w3schools (downlink) . Získáno 2. prosince 2012. Archivováno z originálu 13. května 2013.