|
![]() | |
![]() | ||
Vývoj | ||
Apache a
IIS ASP a skripty HTML Průvodci Doporučené weby Výuka HTML English ![]() | ||
Živě | ||
Články za
týden Nové příspěvky Nejčtenější články Ankety Autoři Reklama na Živě Kontakt na redakci Živě pro váš server Hledáme autory! Volná místa v IT | ||
|
![]() |
Jak vytvářet www stránky -
13. díl
![]() |
![]() |
| |||||||||
| ||||||||||||
![]() |
Formulář Celý formulář je uložen mezi tagy
<FORM> a </FORM>, přičemž tento tag má několik důležitých
parametrů:
Základní ovládací prvky Nyní přeskočíme na konec
formuláře, kam se zpravidla umísťují základní ovládací prvky umožňující
odeslání vyplněných dat nebo smazání celého formuláře. Základním stavebním
kamenem většiny položek formuláře je tag INPUT, který sám o sobě prakticky
nic neznamená, ovšem o něco dále pochopíte, že bez tohoto elementu se při
vytváření formulářů neobejdete. Až parametr type určuje v co se
dotyčná položka promění. Pro odesílací tlačítko má tento parametr hodnotu
submit, pro vymazání formuláře pak reset.
Zdrojový kód jednoduchého tlačítka pro odeslání dat by tedy mohl vypadat takto:
V případě, že uživatel stiskne toto tlačítko, předají se data z formuláře na adresu zadanou v parametru action úvodního tagu FORM. Zapomínat byste neměli ani na možnost, že uživatel bude chtít celý formulář smazat a vyplnit znovu. Zdrojový kód tlačítka, které mu toto umožní, vypadá následovně:
Stisk tohoto tlačítka způsobí uvedení všech položek formuláře do
výchozího stavu.
Textové pole Textové pole využijete například
pro zadávání údajů jako jsou e-mailová adresa, telefon, jméno, příjmení,
slova k vyhledávání atp. Opět se používá tag INPUT, tentokrát s parametrem
type=text. K dispozici je několik dalších atributů, které dovolují
definovat textové pole:
Ukázka:
Pole pro vstup hesla Ukázali jsme si textové
pole, ale jak například zajistíte, aby při zadání hesla do takového pole
nemohl toto heslo přečíst kolega, který vám bude stát za zády? Od toho je
tu pole pro vstup hesla, které je naprosto identické s polem pro zadání
textu, rozdílem je, že se na obrazovce uživatele nezobrazují zapsané
znaky, ale pouze hvězdičky. Jediným rozdílem proti textovému poli je
parametr type, který musí mít hodnotu password, všechny
ostatní atributy jsou zcela shodné, proto je zde nebudeme znovu rozebírat.
Dovoluji si ale upozornit, že ačkoli se pole tváří jako bezpečné, může být heslo odhaleno. Velice jednoduché je to v případě, že je formulář odesílán elektronickou poštou - stačí se jen podívat do odeslané pošty a uvidíte zde heslo v plné kráse. Ani jiné způsoby nejsou bez rizika a za patrně nejbezpečnější je považován protokol HTTPS. Zdrojový kód pole k zadání hesla může tedy vypadat takto:
Zkuste si něco napsat do následujícího políčka a uvidíte, v čem je rozdíl:
Na závěr si zkusíme vytvořit jednoduchý formulář, který bude odesílán elektronickou poštou a bude obsahovat jméno, příjmení, adresu a uživatelské heslo:
Po zobrazení v prohlížeči bude formulář vypadat takto:
Zatím to sice není nic moc, ale příště se naučíme další kouzla s formuláři, takže se jistě máte na co těšit. Související články:
![]() |
![]() |
![]() |
Copyright 1996-2000 Computer Press, a.s., realizační tým |