Fomuláře nové generace

Kategorie: Jak na to…
Datum: 2:26:22 8.10.2006
Autor: HeWeR

Chamurappi napsal krásný článeček o WHAT WG (Web Hypertext Application Technology Working Group). Nejvíce mě zaujala specifikace Web Forms 2.0 – alias sen většiny rozumných kodérů, kteří někdy dělali s furmuláři. Pokud se chcete o WHAT WG dozvědět více, doporučuji jeho článek. Já se nadále budu věnovat jen formulářům.

Nechápu, proč se již dnes nepoužívají všechny vymoženosti, které tyto formuláře nabízejí. Ano, říkáte si malá podpora prohlížečů. To je však omyl. Opera (19% všech návštěv na tomto blogu) zvládá většinu novinek, které nám tato specifikace přináší. O jakých „vymoženostech“ mluvím?

Co nabízí?

1. Můžete ještě před odesláním kontrolovat, jestli uživatel vyplnil všechny požadované políčka. Stačí k inputu vložit nový parametr required. Povinný prvek má tedy tento kód.

<input type="text"
name="jméno" required="required">

2. Pro zadávání dat slouží nová hodnota elementu input. Je to datetime, date, time, month nebo week. Datetime zobrazí kalendář i s políčkem pro zadání času, date nabídne možnost výběru konkrétního dne, time je jen čas (nečekaně), month měsíc, week týden – vše v krásném přívětivém kalendáři.

3. Input byl rozšířen o parametry e-mail a url. Pokud nezadáte e-mail ve správném formátu (klasicky [něco]@[něco].[něco]), budete upozorněni. Jestliže URL napíšete bez http://, Opera vám nedovolí formulář odeslat.

Při vyplňování políčka typu url můžete pohodlně vybírat stránky z historie.

4. A poslední ze základních novinek je kontrolování shody. Pokud má políčko vyplněný parametr pattern, musí uživatel zadat stejnou hodnotu, která je v patternu požadována.

Praxe

Můj táta vždycky říkával: „Nikdy nevěř tomu, co si nemůžeš osahat.“ Do 5. třídy jsem nevěřil, že žehlička pálí, do 9. třídy jsem nevěřil, že „hodný pes nekouše“ a minulý pátek jsem zjistil, že spolužačka je má… no… nic. Abyste mi věřili, vytvořil jsem „osahávací“ stránku (aneb: osahejte vše co můžete).

Od včerejška jsem na svém blogu začal používat většinu novinek, které Web Forms 2.0 nabízí. Udělejte to také.

Nemusíte se obávat toho, že uživatelé „nepodporujících“ prohlížečů nebudou moct používat váš formulář. IE a FireFox zobrazí vždy input, jako by byl typu „text“.

PS: Tento článek jsem měl na disku (resp. v disku, na disku by moc dlouho nevydržel) docela dlouho. Zdál se mi málo zábavný. Poslední dvě hodiny jsem se snažil vypotit nějáký ten joke… bohužel, žádný nedosahoval kvalit, které jsem požadovat. V článku měl být vtip o Seznamu, narážka na Chamurappiho a dokonce (!) měl zaznít i vtip s legendárním Pepíčkem. Omlouvám se vám. Berte tento příspěvek jako tu méně zábavnou část blogu.

Líbil se vám článek?

Komentáře (16)

1 - peCan http://pecan.cz 8:28:01 8.10.2006

Vypadá to jako velice zajímavá fičůrka, ale s přístupem MS se její globalizace jen tak asi nedočkáme.

PS: Ani v Opeře to zatím není dokonalé… Ale uřčitě to v mnohém pomůže…

Reagovat

2 - HeWeR 10:09:49 8.10.2006

[1] Web Forms 2.0 bylo přidáno do standardizačního procesu W3C. Jestli jsem to dobře pochopil, tak by v budoucnu měla být specifikace HTML 4 (!) a také XHTML 1 obohacena o Web Forms 2.0. Podporu Gecka můžeme tedy očekávat. Za dalších 5 let možná i IE.

Budoucnost je růžová :)

Reagovat

3 - Meldo http://www.blog.webdirect.sk/ 22:52:03 14.10.2006

Tak toto je naozaj bomba. Parada. Len skoda, ze skutocne vyuzitie bude az o niekolko rokov vdaka MS a jeho IE.

Reagovat

4 - MzK http://mozektevidi.ic.cz 17:00:13 28.10.2006

Vidím tam ale nevýhodu ve ochraně proti spamu pattern=\„10\“. Když je to přímo ve zdrojáku, k čemu to asi je? Roboti to brzo pochopí. A když už tam je pattern=\„10\“ tak tam může být i value=\„10\“ a vyjde to na stejno ne?

Reagovat

5 - P360t http://www.fotopriestor.sk/basic 7:44:22 29.10.2006

[4] Nie, pretože value=10 ti predvyplní hodnotu toho políčka číslom 10, môžeš to prepísať a vložiť tam čo chceš (a napríklad, ak je vo formulári tlačítko reset, po jeho stlačení bude zase hodnota toho políčka 10).

Reagovat

6 - llook http://llook.wz.cz/weblog/ 19:44:32 29.10.2006

Hele, nedá se nějak javascriptem detekovat podpora WebForms? Jestli ne, tak je to dost na pytel, ale jinak by se u ostatních prohlížečů dalo snadno podobné chování nasimulovat.

Reagovat

7 - Ondra http://oslamecka.wz.cz/ 19:56:45 30.10.2006

Jen detail: když uvedeš u antispamu pattern tak to zitra roboti umi precist a napsat to tam. Ale velice hezké to je. Už se tesim na standratizaci.

Reagovat

8 - llook http://llook.wz.cz/weblog/ 7:21:14 31.10.2006

[7] Standartizace? Jako že vezmeme standarty a půjdeme do ulic? To by mohla být docela sranda. :-)

Jinak je to sice pouhý draft, ale \„in the very final stages\“, myslím že použití nic nebrání.

Reagovat

9 - HeWeR 20:28:43 31.10.2006

[6] O této možnosti jsem neslyšel. Neztrácí ale smysl používat WebForms 2, pokud si to uděláš JS :o)

[4], [7] Použití patternu vidím například v tom, že bude ověřovat dve stejné políčka. Např. heslo, které musí být 2× stejně zadané. Jeden z těch inputů bude mít pattern value inputu prvního. Doufám, že toto jednoduché skriptování je zde také možné (zatím jsem to však nijak nesledoval).

Reagovat

10 - Onecar http://onecar.php5.cz 20:02:16 3.11.2006

Je to opravdu nádherné, krásně se to poslochá. Takto bych si ušetřil hodinku psaním ověřování vyplněnosti polí v PHP včetně regulérních výrazů.

Jak však už poznamenal peCan, nějaké velké globalizace se bohužel nejspíš nedočkáme, takže i nadále budeme muset psát svá serverová, na 100% účinná řešení.

Reagovat

11 - Ondra http://oslamecka.wz.cz/ 19:58:26 7.11.2006

[10] Asi tak, ale server ošetření budeš muset dělat vždy => nikdo ti nezaručí že si stránku uživatel neupravil.

Reagovat

12 - David http://www.in-pocasi.eu 17:02:58 8.11.2006

Zajímaví ale hodily by se konkrétní případý (kód)

Reagovat

13 - Miki 9:36:46 9.11.2006

Hele a co to má ta spolužačka?

Reagovat

14 - HeWeR 11:04:12 9.11.2006

[12] Vždyť tam je ukázková stránka. Můžeš si to vycucnou z kódu ;)

[13] Ále … takové jedny … takové dvě věci, kterých jsem si dříve nevšiml ;)

Reagovat

15 - ATom 12:28:35 10.11.2006

Kdyby šlo to WF2 detekovat, tak by určitě šel napsat JS, který by podporu WF2 doplnil i do Exploreru, když existují scripty, které doplní podporu CSS2, hoveru a podobně do IE6, tak proč né toto. Možná už něco tkaového je, jen jsem to zatím nehledal.

Reagovat

16 - ATom 12:52:05 10.11.2006

Jo a v té ukázce je chyba v textu, je tam \„Na FireFoxu ani IE (vše verzí)\“ a pak v kódu formuláře je equired=\„required\“, tedy chybí tam \„r\“.

PS: Napsal jsem o tomto článku na http://www.operacesky.net

Reagovat

Komentář

nahoru | [Menu] | [Text stránky] | vytisknout

Odebírat články emailem

HeWeR Stanislav Hruška (20) je sebejistý romantik a sobecký požitkář. Živý se různě, povětšinou jako tvor počítačový. Pobývá v Praze, režíruje v divadle a ťuká na bicí.

Zajímá se o manipulaci, komunikaci a sociální dynamiku. Rád provokuje a nerad poslouchá autority.

5. prosince 2009 se vsadil se svým spolubydlícím, kdo bude na výraz pomradí rojkočýr na vyšší příčce v Googlu. Sázka pořád probíhá, prosím vás o odkazy! :o)

Twitter

Nejnovější příspěvky

Tento weblog píše Stanislav Hruška nazývaný HeWeR (napsat mu).

Děkuji Zdenkovi za vše, s čím mi pomohl a co pro mě zadarmo vytvořil.

Jméno:
Web:
	Prosím, pište s http://.
E-Mail:
	Nezobrazuje se. Slouží jen mně.
Máš rád spam?
	Kontrolní otázka (odpověď je "ne"). Už mě ten spam sere >:o

Text: