Ukázka Inteligentních webových formulářů (Web Forms 2.0)

Tato ukázka se vztahuje k článku Fomuláře nové generace.


Praktický příklad

Na FireFoxu ani IE (vše verzí) to nefunguje tak, jak má. Je to sice "použitelné", ale o ty nejlepší vychytávky jste ochuzeni.

Pro uživatele Opery 9: takhle nějak by to mohlo vypadat. Přehledný kalenář s možností výběru dnů, týdnů, měsíců. Praktické tlačítko pro zadávání číselných hodnot. Pokud odešlete formulář bez povinných položek, budete na to prohlížečem upozorněni. Pokud nezadáte to, co po vás chci, budete na to opět prohlížečem upozorněni. Při zadávání URL vám Opera nabídne možnost výběru z historie. Pokud vyplníte špatně e-mail nebo URL bez http:// opět vyskočí varovný text.

Informace o vás

Položky označené * je nutno vyplnit.

Datum a čas narození
Váš věk
Jméno *
URL vaší stránky *
E-mail *
Součet 5+5 (ochrana pro spamu) *

A jak to má vypadat?

Vše pochopitelně bez JavaScriptu (nebo jiného scritovacího jazyku).

Zde mi Opera říká (v češtině pochopitelně),že jsem nevyplnil požadovaný údaj.

form4.gif, 3 kB

Špatný formát URL (aha, chybí mi http://)

Takhle přehledně prohlížeč zobrazí kalendář i s políčkem pro zadání času.

form2.gif, 9 kB

A toto se stane, když špatně vyplním požadovaný údaj.

form3.gif, 6 kB

© 2006 HeWeR