HTML a tvorba WWW stránek - 8. lekce 29.června 1998 xskrivan@fi.muni.cz

8.1 Forumlář

Jazyk HTML obsahuje tagy, pomocí nichž lze vytvářet formuláře. Ty slouží pro získávání informací od klienta, které jsou poslány serveru, na němž se spustí nějaký obslužný program (CGI skript). Formulář je jednou ze základních HTML struktur a je tvořen z následujících komponent:

• vstupní políčko, řádek pro psaní textu - text
• zaškrtávací políčko - checkbox
• přepínač - radiobox
• rozvinovací seznam - combobox
• textové okno, pro editaci delšího textu - textarea
• tlačítka - button, submit, reset

Formulář se vymezuje párovým tagem <form>. Jednotlivé komponenty lze pak řadit třeba tabulky nebo seznamu - zkrátka do jakékoli HTML struktury, snad kromě dalšího formuláře. HTML struktura formuláře je:

<form [atributy=hodnoty...]>     prvky formuláře (libovolně náskládané) </form>

Jak už jsem řekl, data z formuláře jsou odeslána a následně zpracována nějakým skriptem. Data jsou skriptu předána buď formou parametrů (metoda GET), nebo vnitřně (metoda POST).

<form method="metoda" action="URL skriptu">

• action jméno souboru, v němž je napsaný skript pro zpracování dat z formuláře. Pokud zatím neumíte skript naprogramovat. můžete napsat mailto a vᚠe-mail, např.: action="mailto:xskrivan@fi.muni.cz" a data vyplněná klientem ve formuláři vám dojdou e-mailem. (jako metodu musíte použít POST)
• method definuje způsob odeslání dat:
  • GET - doplní na konec URL skriptu, takto odeslaná data lze číst pak z proměnné QUERY_STRING
  • POST - v těle požadavku, data z formuláře lze číst ze stand. vstupu

(O programování skriptů pro zpracování dat z formuláře je věnovaná stránka CGI skripty, která je průběžně doplňována.

8.2 Vstupní pole

<input type="typ" name="jméno_pole" value="hodnota" [checked, size="velikost" ...]>

type
text	jednořádkové textové pole pro vstup textu, atributem value lze zadat počáteční hodnotu políčka, kterou klient může změnit
password	totéž, co text, ale s tím rozdílem, že není zobrazována uživatelem zadávána hodnota (vypisují se hvězdičky "*")
checkbox	zaškrtávací políčko, atributem value lze specifikovat hodnoty vrácenou při zaškrtnutí tohoto políčka
radio	volba právě jedné možnosti (atribut name bude např. pro 4 přepínače radio stejný, ale type bude nastaven na 1 2 3 a 4. (to jak uživatel zaškrtne, takové číslo bude vráceno pro dané name)
submit	tlačítko pro odeslání dat z formuláře serveru, atributem value lze specifikovat hodnotu (to je dobré udělat v případě, že formulář má více odesílacích tlačítek, a atributem value defacto říkáte, jakým tlačítkem byla data z formuláře odeslána
reset	tlačítko na vyčištění osbahu formuláře a nastavení implicitních hodnot
name	jméno vstupního pole odeslané serveru, ve skriptu se paj zjišuje, jaká je hodnota pole name
size	velikost vstupního pole, má význam pouze u text|password
checked	uvedení tohoto atributu u typu checkbox|radio nastavuje implicitní zaškrtnutí tlačítka

8.3 Příklady

Příklad	Zdrojový text HTML
Jméno:	<input type="text" name="jmeno_uzivatele" size=25>
Heslo:	<input type="password" name="heslo" size=10>
1. možnost 2. možnost 3. možnost	<input name="volba" type="checkbox" value=1> 1. možnost <input name="volba" type="checkbox" value=2 checked> 2. možnost <input name="volba" type="checkbox" value=1> 3. možnost
Pondělí Úterý Středa	<input name="den" type="radio" value=Po> Pondělí <input name="den" type="radio" value=Ut> Úterý <input name="den" type="radio" value=St checked> Středa
	<input name="no" type="reset" value="Vymazat">
	<input name="ok" type="submit" value="Potvrdit">

Programování CGI skriptů není náplní této stránky, slidy věnované k této problematice naleznete na www.fi.muni.cz/~xskrivan/skola/cgi.html

---

[Zpět]	[Změna kódování]