Formulß°e

form

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

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. 

 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.

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

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.

⌐φ°ka selectu, jak se vykreslφ na strßnce, se odvozuje od nej╣ir╣φ option. Vzhled ╣edivΘ ╣ipky s nabφdkou nelze v Internet Exploreru nijak zm∞nit.

Zev v╣ech HTML tag∙ jsou s vykreslovßnφm tagu select jsou asi nejv∞t╣φ problΘmy. Je to tφm, ╛e tento ovlßdacφ prvek p°ebφrajφ prohlφ╛eΦe (zejm. Internet Explorer) z grafickΘho prost°edφ operaΦnφho systΘmu.

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.

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

Pomocφ kaskßdov²ch styl∙ (CSS) se v IE 6 dajφ polo╛ky option formßtovat pouze omezen∞. Dß se jim nastavit jen barva pφsma (color) a barva pozadφ (background-color). Uvnit° tagu <option> jsou ignorovßny v╣echny html tagy.

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. Jinak °eΦeno, tag <textarea> obklopuje text, kter² se zpoΦßtku zobrazφ uvnit° </textarea>. 

Prohlφ╛eΦe se li╣φ v tom, jakou hodnotu majφ nastavenu jako v²chozφ. Zatφmco v IE a v Mozille je to soft, v Netscape je to pravd∞podobn∞ off. DoporuΦuji v╛dy zadßvat wrap="off".

Existujφ je╣t∞ star╣φ hodnoty physical (odpovφdß hard) a virtual (odpovφdß soft), ale jejich podporu jsem netestoval.

Nßsledujφcφ tagy do HTML p°ibyly a╛ ve verzi 4.0, tak╛e jejich implementace nenφ v p∞tkov²ch verzφch prohlφ╛eΦ∙ ·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².

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

 legend

Popisek skupiny polφ (tagu <fieldset>). Zobrazuje se nad skupinou polφ p°es hornφ Φßru fieldsetu. Musφ b²t zapsßna hned za znaΦkou <fieldset>. Obsahem tagu <legend> m∙╛e b²t libovolnΘ HTML (rozumnΘ). ╚ty°kovΘ prohlφ╛eΦe tag nepodporujφ.

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

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>

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