┌vod do formulß°∙ v HTML

Na tΘto strßnce vysv∞tlφm vklßdßnφ jednoduch²ch formulß°∙ do strßnek a zßklady jejich Φinnosti p°i odesφlßnφ dat. ┌Φelem bude naznaΦit vzßjemnou podobnost jednoduch²ch formulß°∙ a jednoduch²ch odkaz∙.

Nejjednodu╣╣φ formulß°

V²znam tag∙

<input type=submit> je odesφlacφ tlaΦφtko. To "submit" znamenß "potvrdit". Input je tag nepßrov².

action="stranka.html" je cφl formulß°e, prost∞ soubor, kterΘmu se posφlajφ p°φpadnß data. V tomto p°φpad∞ se ╛ßdnß data neposφlajφ, odeslßnφ formulß°e funguje prost∞ jako odkaz na strßnku stranka.html.

Tento nejjednodu╣╣φ formulß° funguje vlastn∞ jako odkaz na strßnku stranka.html.

Vstupnφ pole

Jist∞ se shodneme na tom, ╛e jedno tlaΦφtko je houby formulß°. Je Φas zkusit zadßvat ·daje.

V²znam tag∙

V prvnφ °ad∞ jist∞ vidφte, ╛e do formulß°e se dß normßln∞ vklßdat obyΦejn² text (OblφbenΘ jφdlo).

<input type=text> je tentokrßte nikoli tlaΦφtko, ale vstupnφ pole. Rozdφl d∞lß ten atribut type. Tag <input> dßle obsahuje atributy size (╣φ°ka ve znacφch), ale hlavn∞ name.

name="jidlo" je ╛ivotn∞ d∙le╛it² atribut, podle n∞ho╛ se vstupnφ pole identifikuje. Jde vlastn∞ o nßzev vstupnφho pole. Hodnota nßzvu (v tomto p°φpad∞ "jidlo") se bude posφlat spoleΦn∞ se zadan²mi daty. Atribut name musφ mφt ka╛d² vstupnφ prvek formulß°e.

P°edßvßnφ parametr∙

Dejme tomu, ╛e si do vstupnφho polφΦka vyplnφm text "ryby" a ode╣lu. Bude m∞ zajφmat, co se stane a jakΘ bude URL (to, co se napφ╣e do °ßdku adresy).

Cφlem je stejn∞ jako minule soubor stranka.html (to zaji╣╗uje action), cestou k n∞mu bude URL zaΦφnat. To, co je nynφ d∙le╛itΘ, se objevφ za tφm "stranka.html".

Objevφ se tam otaznφk a n∞jakΘ parametry. V tomto p°φpad∞ tam bude ?jidlo=ryby

To "jidlo" odpovφdß jmΘnu textovΘho vstupnφho pole (to je ten atribut name v tagu <input>). Text "ryby" jsem zadal p°ed odeslßnφm formulß°e.

Oblast URL za otaznφkem (za kterou b²vß odpov∞dn² formulß°) se jmenuje "query string", n∞kdy b²vß oznaΦovßna jako "search" a jß jφ budu °φkat prost∞ dotaz.

Podobnost s odkazem

Naprosto stejnΘho efektu mohu dosßhnout odkazem, kter² bude mφt trochu komplikovan∞j╣φ href:

Hlavnφ a jedin² rozdφl je v tom, ╛e takto jsou tam ty ryby napevno, tak╛e se tam nedß zadat t°eba s²r.

Vφce vstupnφch polφ

Pokud je ve formulß°i vφce vstupnφch polφ, jednotlivΘ polo╛ky dotazu se samy odd∞lujφ znakem &. Nap°φklad:

Zpracovßnφ parametr∙

Tak fajn, cφlovß strßnka dostala v dotazu (v URL) informaci o mΘm oblφbenΘm jφdle. Co s tφm ud∞lß?

V na╣em konkrΘtnφm p°φpadu s tφm neud∞lß nic, proto╛e je to ·pln∞ obyΦejnß HTML strßnka, kterß dotazy neumφ zpracovßvat. Prost∞ to za otaznφkem ignoruje.

ServerovΘ skripty

Jinß situace by byla, kdybych formulß° posφlal na n∞jak² sv∙j serverov² skript. Jinak °eΦeno atribut action by musel b²t zacφlen ne na soubor typu html, ale t°eba PHP, ASP nebo CGI skript. (Mn∞ osobn∞ p°irostly k srdci PHP skripty.)

R∙znΘ typy skript∙ zpracovßvajφ dotaz r∙zn²mi zp∙soby. NejΦast∞ji si ale polo╛ky dotazu p°evedou do prom∞nn²ch, kterΘ dßle zpracovßvajφ. Nakonec po╣lou prohlφ╛eΦi v²stup formßtovan² do HTML.

Nechci ve vß╛enΘm Φtenß°i vzbuzovat nad∞ji, ╛e serverovΘ skripty jsou n∞co snadnΘho. Je to ost°e t∞╛kß v∞c, v urΦitΘm smyslu vrchol webov²ch technologiφ. Smi°te se s tφm, ╛e do jejich taj∙ neproniknete nijak lehce. Na druhou stranu nepropadejte panice -- v╣echno jde, kdy╛ se chce. (Nßvod na serverovΘ skripty zatφm pφ╣u. K nahlΘdnutφ je nßvod jak zaΦφt s PHP a mo╛nosti PHP. Vφce najdete na www.kosek.cz/php)

Parazitnφ formulß°e

V²sledky formulß°e m∙╛ete takΘ poslat na cizφ server a vyu╛φvat tak jeho mo╛nosti. Action musφ b²t nastavena na absolutnφ adresu cizφ strßnky.

Tento text si kladl za ·kol pouze vysv∞tlit, jak se formulß° vklßdß na strßnku a jak²m zp∙sobem odesφlß data.