Web Forms 2.0

• První specifikace WHATWG
• Relativně vyzrálá a propacovaná
• Téměř celá implementovaná (Opera cca 80%)
• Forms Task Force určí její podobu v HTML5

Hlavní kritéria WF2

• Evoluce webových formulářů
• Řešit reálné problémy
• Zachovat zpětnou kompatibilitu, kde je to možné
• Nové datové typy
• Validace dat na straně klienta

Nové datové typy

• <input type="date">

• <input type="month">

• <input type="week">

• <input type="datetime">

• <input type="time">

Nové datové typy II

• <input type="number">

• <input type="range">

• <input type="email">

• <input type="url">

Nové datové atributy

Rozsah: min, max

Přesnost: step

• number
• date, month, time...
• počet souborů

Nové atributy II

• <input type="text" pattern="[0-9]{3}">

• <input type="text" required>

• <input type="text" autofocus>

• <input type="text" autocomplete="off">

Rozšířený atribut

• <input type="text"
  
  title="Vložte telefonní číslo
  ve formátu +420 NNN NNN NNN">

Nové události

• input (tam, kde change nestačí)
• formchange, forminput
• Využití pro validační funkce.

Validace u klienta

• Validuje se při submitu nebo na požádání
• Událost invalid
• CSS pseudotřídy :valid, :invalid

Vylepšený file upload

Více souborů najednou:

• <input type="file" max="10">

Nebo dokonce:

• <input type="file" max="10000">

Výběr souborů:

• <input type="file" accept="image/*">

Formuláře bez hranic

• Kontrolní prvek nemusí být unitř značek <form></form>
• A může patřit i více fomulářům

• <input form="formular1 formular2">

Rozšířený submit

Tlačítko pro submit může obsahovat tyto atributy
(ty převáží nad značkou form)

• action
• method
• enctype

Výstupní značka

• <output>

Datalist

• Zobrazuje seznam hodnot
• Dvousloupcový výstup
• Vhodné pro našeptávač

Naplnění selectu a datalistu

<select data="http://example.com/"></select>

<datalist data="http://example.com/"></datalist>

Předvyplnění formuláře

<form data="http://example.com/">
  <input type="text" name="name">
  <input type="date" name="stamp">
</form>
	

Model opakování

• Pro nekonečné formuláře
• Nebo konečné, ale sterotypní

• <div repeat="template">

Poděkování

• Vilému Málkovi za pozvání
• Vám, kdož jste přišli
• Ianu Hicksonovi za HTML5
• Výrobcům prohlížečů za jeho implementování