Formulß°e

Tag	V²znam	Pßrov²	V²skyt
form	formulß°	ano
input	vstupnφ pole	ne	<form>
select	v²b∞rovΘ pole	ano	<form>
option	volba	ne	<select>
textarea	velkΘ vstupnφ pole	ano	<form>
label	popis pole	ano	<form>
fieldset	skupina polφ	ano	<form>
optgroup	skupina voleb	ano	<select>
legend	popis pole	ano	<fieldset>
button	tlaΦφtko	ano	<form>

form

Formulß°. Pßrov² tag. Uzavφrß skupinu ovlßdacφch polφ do jednoho formulß°e, kter² bude najednou odeslßn.

Atributy tagu <form>
Atribut	V²znam	Hodnoty
action	skript, kter² bude zpracovßvat data	URL
method	zp∙sob p°edßvßnφ dat	get \| post
enctype	zp∙sob zak≤dovßnφ dat	application/x-www-form-urlencoded \| multipart/form-data \| libovolnß mime deklarace

Action obvykle mφ°φ na n∞jak² CGI skript nebo PHP nebo ASP. Nenφ-li uvedeno, ode╣lou se data tΘ╛e strßnce.

V²chozφ metoda atributu method je get. ╪φkß, ╛e se data budou p°edßvat jako souΦßst URL, tedy v °ßdku adresy. Method=post zabalφ odesφlanß data a odesφlß je nezßvisle, tak╛e nejsou vid∞t. Post je dobrΘ nastavit u del╣φch formulß°∙.

Atributem enctype se nemusφte zab²vat, pokud vßm nep∙jde o posφlßnφ soubor∙ nebo o p°esn² v²stup Φesk²ch znak∙ (pak nastavte multipart/form-data). Pro posφlßnφ jednoduchΘ po╣ty doporuΦuji enctype="text/plain".

Nßsleduje popis vstupnφch polφ formulß°e. D∞lajφ se pomocφ tag∙ <input>, <select> a <textarea>. Tyto musejφ b²t umφst∞ny v elementu <form>, ale navφc mohou b²t t°eba i v tabulce. Popisky vstupnφch polφ se d∞lajφ normßlnφm textem kolem nich.

input

Vstupnφ pole. Nepßrov² tag.

ObecnΘ atributy tagu <input>
Atribut	V²znam	Hodnoty
type	druh vstupnφho pole	text \| password \| hidden \| radio \| checkbox \| submit \| reset \| image \| file \| button
name	jmΘno pole, kterΘ se odesφlß s daty	libovolnΘ jmΘno
value	hodnota pole (p∙vodnφ hodnota pole nebo text zobrazovan² na tlaΦφtku)	libovolnß hodnota
disabled	polφΦko bude ╣edΘ a nep∙jde m∞nit (jen v n∞kter²ch prohlφ╛eΦφch) v IE se neodesφlß	bez hodnoty
readonly	obsah pole nep∙jde m∞nit (fachß jen v n∞kter²ch prohlφ╛eΦφch)	bez hodnoty
align	zarovnßnφ (jako u obrßzku)	right, left + t∞ch dal╣φch x mo╛nostφ
Dal╣φ atributy jsou p°φpustnΘ na zßklad∞ hodnoty atributu type.

Input v sob∞ zahrnuje celou ╣kßlu r∙zn²ch kolonek, tlaΦφtek a p°epφnaΦ∙ -- to v╣echno zßvisφ na atributu type.

Tag <input>, atribut type. R∙znß vstupnφ pole.
type=	Druh vstupnφho pole	Dal╣φ atributy
text	obyΦejnΘ textovΘ pole	size= ╣φ°ka ve znacφch maxlength = nejvy╣╣φ mo╛n² poΦet zadan²ch znak∙
password	textovΘ pole s hv∞zdiΦkami	size= ╣φ°ka ve znacφch maxlenght - maximum znak∙
hidden	skrytΘ pole s p°edem nastavenou hodnotou
radio	p°epφnaΦ puntφk∙ (n∞kolik tag∙ <input type=radio> stejnΘho jmΘna (name) s r∙zn²mi hodnotami tvo°φ skupinu mo╛nostφ)	checked -- atribut bez hodnoty zp∙sobφ stisknutφ puntφku
checkbox	zatrhßvacφ tlaΦφtko	checked -- atribut bez hodnoty zp∙sobφ zatr╛enφ
submit	potvrzujφcφ tlaΦφtko zp∙sobujφcφ odeslßnφ formulß°e
reset	tlaΦφtko na smazßnφ v╣ech polφ (na p°ednastavenou hodnotu)
image	potvrzujφcφ tlaΦφtko odesφlajφcφ navφc sou°adnice kliknutφ (name-x a name-y)	src= URL obrßzku dynsrc, lowsrc jako u <img>
file	umo╛nφ zadat soubor	accept = MIME typ akceptovateln²ch soubor∙
button	tlaΦφtko ovlßdanΘ skriptov²mi atributy

V n∞kter²ch popisech HTML se vyskytujφ je╣t∞ typy range, scribble a jot, kterΘ ale podle m²ch zku╣enostφ nefungujφ.

select

V²b∞r. Zobrazφ obdΘlnφΦek s mo╛nostmi nebo roletkovΘ menu. Pßrov² tag, jeho obsahem jsou jednotlivΘ volby -- tagy <option>.

Atributy tagu <select>
Atribut	V²znam	Hodnoty
name	jmΘno pole odesφlatnΘ s daty	libovolnΘ jmΘno
multiple	umo╛n∞nφ hromadnΘho v²b∞ru (s Ctrl)	bez hodnoty
size	poΦet zobrazen²ch °ßdk∙	Φφslo
disabled	polφΦko bude ╣edΘ a nep∙jde m∞nit (jen v n∞kter²ch prohlφ╛eΦφch)	bez hodnoty

Pokud je size 1, bude to roletkovΘ menu. P°i size 2 a vy╣╣φ se <select> zobrazφ jako obdΘlnφΦek s rolovacφ li╣tou. Bude-li hodnot stejn∞ nebo mΘn∞ ne╛ size, nebudou tam ani rolovacφ li╣ty.

option

Polo╛ka v²b∞ru. Nepßrov² tag (t°eba╛e se m∙╛e zadßvat pßrov∞), obsahem elementu je text za tagem a╛ do dal╣φho tagu.

Atributy tagu <option>
Atribut	V²znam	Hodnoty
value	°et∞zec odesφlan² jako hodnota pole	°et∞zec
selected	Polo╛ka je p°edem vybrßna	bez hodnoty

Text za tagem <option> se zobrazφ ve v²b∞ru.

textarea

RozsßhlΘ vstupnφ pole (textarea = angl. prostor pro text). Zobrazuje rßmeΦek s li╣tou.. Pßrov² tag. Nemß atribut value, za implicitnφ hodnotu se pova╛uje obsah elementu (to mezi pßrov²mi znaΦkami).

Atributy tagu <textarea>
Atribut	V²znam	Hodnoty
name	jmΘno odesφlanΘ s daty	jmΘno
cols	╣φ°ka pole ve znacφch	Φφslo
rows	v²╣ka pole v °ßdcφch	Φφslo
disabled	polφΦko bude ╣edΘ a nep∙jde m∞nit (jen v n∞kter²ch prohlφ╛eΦφch, tehdy se neodesφlß)	bez hodnoty
readonly	obsah pole nep∙jde m∞nit (fachß to jen v n∞kter²ch prohlφ╛eΦφch)	bez hodnoty

Nßsledujφcφ tagy do HTML p°ibyly a╛ ve verzi 4.0, tak╛e jejich implementace nenφ leckde je╣t∞ ·plnß.

label

⌐tφtek, popisek pole. Vyskytuje se nejlΘpe p°ed polφΦkem, ke kterΘmu se vztahuje, aby to i v prohlφ╛eΦφch, kterΘ to nepodporujφ, dßvalo smysl. V²hodou je aktivace pole formulß°e, pokud se klikne na ╣tφtek, a lep╣φ automatizace (accesskey, css). Vlastnφ text ╣tφtku se zadßvß jako obsah elementu -- jde o tag pßrov².

Atribut tagu <label>
Atribut	V²znam	Hodnoty
for	svßzßnφ s polem stejnΘho identifikßtoru	hodnota atributu id u svßzanΘho pole

P°φklad: <label for="drak">Zadej jmΘno draka:</label> <input type="text" id="drak">

fieldset

Skupina polφ. Pßrov² tag, kter² opticky sdru╛φ n∞kolik prvk∙ formulß°e a vykreslφ kolem nich slab² rßmeΦek. ╚ßru rßmeΦku m∙╛e p°eru╣it text tagu <legend>. <fieldset> nemß ╛ßdnΘ atributy krom∞ obecn²ch. Vzhled se dß upravovat pomocφ CSS. Star╣φ prohlφ╛eΦe tento tag ignorujφ.

optgroup

Skupina voleb ve v²b∞rovΘm prvku <select>. Pßrov² tag, kter²m se obklopφ skupinky tag∙ <option>. V ╣estkov²ch verzφch prohlφ╛eΦ∙ se potom takovΘ skupinky zobrazφ odsazenΘ a budou mφt nadpis tuΦnou kurzφvou. Ten nadpis se zadßvß jako atribut label tagu <optgroup>. P∞tkovΘ a ni╛╣φ verze prohlφ╛eΦ∙ tento tag ignorujφ a zobrazujφ volby normßln∞ pod sebou.

P°φklad:
<select> <optgroup label="nadpis skupinky"> <option>prvnφ</option> <option>druhß</option> </optgroup> </select>

legend

Popisek skupiny polφ (tagu <fieldset>). Zobrazuje se nad skupinou polφ p°es tu Φßru. Musφ b²t zapsßna hned za znaΦkou <fieldset>. Star╣φ prohlφ╛eΦe to nepodporujφ.

Atribut tagu <legend>
Atribut	V²znam	Hodnoty
align	zarovnßnφ popisku	libovolnΘ html

P°φklad:
<fieldset> <legend>Milß zvφ°ßtka</legend> KoΦiΦky: <input mane="kocky"><br> DrßΦci: <input name="draci"> </fieldset>

button

TlaΦφtko. Jedinou a hlavnφ v²hodou je, ╛e se do n∞j dß vlo╛it libovoln² HTML k≤d, kter² se na tlaΦφtku zobrazφ. Tak╛e se mezi <button> a </button> dajφ vklßdat obrßzky, nadpisy, prost∞ cokoliv. D∙le╛it² atribut je pouze type, podobn² atributu type u tagu <input>.