Formulß°e v HTML

 Na tΘto strßnce se zab²vßm pouze zßkladnφ syntaxφ formulß°∙ v HTML, co╛ se fakticky t²kß pouze jejich vzhledu.

<form></form> - Chameleon <input> - <select> - <textarea> - Atribut name - Atribut value - Velikosti prvk∙ - Checked a selected

<form></form>

Tag formulß°e. P°φklad:

<form action="skript.php3" method="post" target="_blank">

...n∞jakß vstupnφ pole + normßlnφ html text

...<input type=submit value=odeslat>

</form>

Co znamenajφ jednotlivΘ atributy:

action obsahuje URL (v tomto p°φpad∞ relativnφ) na skript, kterΘmu je potom formulß° posφlßn

target urΦuje cφlov² rßm, ve kterΘm se budou v²sledky zpracovßvat. Podobnost s target u odkaz∙ nenφ nßhodnß. Nap°. hodnota target=_blank p°epφnß do novΘho okna.

Method

method urΦuje zp∙sob, kter²m budou data odesφlßna. K dispozici jsou hodnoty GET a POST.

GET je metoda zßkladnφ (nemusφ se zadßvat). Data odeslanß metodou GET jsou souΦßstφ URL za otaznφkem. Pou╛φvß se v∞t╣inou u krßtk²ch formulß°∙.

Metoda POST je vhodnß pro rozsßhlej╣φ vstupy. Data nep°idßvß do URL (tak╛e nejsou vid∞t), ale odesφlß je jako samostatn² HTTP objekt.

Jak² vliv mß method na zpracovßnφ dat? N∞kterΘ skripty mezi metodami get a post neΦinφ rozdφly (nap°. PHP skripty.) JinΘ rozdφly Φinφ (ASP a v∞t╣ina CGI skript∙), ov╣em nijak zßsadnφ.

Podpora zobrazovßnφ

Nφ╛e popsanΘ prvky formulß°e by m∞ly b²t v╛dy obaleny tagy <form> a </form>, proto╛e jinak je prohlφ╛eΦe Netscape 4, Internet Explorer 3 (a star╣φ) nedokß╛ou zobrazit. 

Chameleon <input>

Input znamenß "vstup". Tag input mß mnoho podob v zßvislosti na atributu type:

Zkuste si schvßln∞ pozm∞nit hodnoty a odeslat.

Do tabulky se mi neve╣el poslednφ typ <input type=file name=soubor>

Select

Pozor, tag <select> je pßrov²!

Textarea

Tag <textarea> je takΘ pßrov². Zkuste si odeslßnφ a sledujte, co se stane.

Atribut Name

Name je nejd∙le╛it∞j╣φ atribut formulß°ov²ch tag∙. Identifikuje je a posφlß svΘ jmΘno s daty. Symbolicky po odeslßnφ vypadß dotaz takto:
?jmΘno=hodnota&jmΘno2=hodnota2

P°φklady odesφlßnφ dat si m∙╛ete vyzkou╣et ve v²╣e uveden²ch tabulkßch. Nebo nap°φklad v dotazu

?jidlo=jablko&piti=kafe&zvire=ko%E8ka
jsou °et∞zce jidlo, piti a zvire obsahem atributu name, kde╛to jablko, kafe a koΦka jsou zadanΘ hodnoty.

Je╣t∞ pßr zajφmav²ch v²jimek:

• U <input type=radio> (p°epφnaΦ) se m∙╛e vyskytovat vφce puntφk∙ se stejn²m jmΘnem. V╛dy m∙╛e b²t zatr╛en² ale jenom jeden; ten se potom odesφlß se svou hodnotou
• U <input type=image> (obrßzkovΘ odesφlßnφ) se p°i kliknutφ musejφ odesφlat dv∞ hodnoty -- sou°adnice. Ke jmΘnu (name) se p°ipojujφ teΦka s pφsmenky x a y. Nap°φklad pokud je <input type=image name=obrazek>, potom jeho odeslßnφ m∙╛e vypadat takto:
?obrazek.x=13&obrazek.y=121
• U <select multiple> je t°eba odesφlat vφce hodnot se stejn²m jmΘnem. P°i odesφlßnφ se prost∞ za°adφ za sebe:
  ?platforma=unix&platforma=linux

Atribut Value

Hodnota, obsah polφ.

• U n∞kter²ch prvk∙ formulß°e je to hodnota p°ednastavenß (u <input type=text> a <input type=password>), tak╛e jde p°ed odeslßnφm m∞nit
• u tlaΦφtek (input type=submit a type=reset) n∞kter²ch prvk∙ je to hodnota zobrazovanß na tlaΦφtku
• u ostatnφch prvk∙ (select, input type=checkbox, type=radio, type=hidden) je to hodnota nezobrazovanß a nem∞nitelnß, kterß se ale odesφlß s daty.
• Textarea atribut value nemß. Ve formulß°i se objevφ jako p°ednastavenß hodnota samotn² obsah tagu.

Velikosti prvk∙

• Input typu text a password nastavujφ svoji velikost podle atributu size. Ten udßvß poΦet znak∙, kter² se tam m∙╛e zobrazit. (Fakticky se tam ale vejde znak∙ vφce.)
• Size u tagu <select> oznaΦuje poΦet zobrazen²ch °ßdk∙ v²b∞ru.
• Tagu <textarea> se zadßvß ╣φ°ka a v²╣ka ve znacφch pomocφ atribut∙ rows a cols (°ßdky a sloupeΦky).
• Pokud je na prvky formulß°e aplikovßn CSS styl (zejmΘna width a height), p°evß╛φ p∙vodnφ nastavenφ (nefunguje v NN4).

Checked a selected

Atributy, jimi╛ se oznaΦuje p°ednastavenΘ zatr╛enφ polφΦka nebo v²b∞r. Jsou to atributy zvlß╣tnφ tφm, ╛e za nimi nenφ rovnφtko s hodnotou.

Checked se dß pou╛φt u <input type=checkbox> a u <input type=radio>.

Selected se dß pou╛φt u v²b∞r∙ <select>.

Pokud jsou tyto atributy pou╛ity v jednom v²b∞ru nebo p°epφnaΦi vφcekrßt, platφ jen ten prvnφ z nich.

P°edchozφ: ┌vod do formulß°∙, Dal╣φ: Detaily formulß°∙, zdokonalenφ vzhledu

O tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek. Zßklady HTML CSS FrontPage Hledßnφ