Atribut pattern pro formuláře

V nových prohlížečích – Chrome, Firefox, Opera a Internet Explorerech od verse 10 lze použitím atributu pattern určit masku, které musí obsah <input>u vyhovět.

<input pattern="[0-9]{1,3}" required>

Ukázka

Trochu zajímavé se na první pohled může zdát, že bez přidání dalšího atributu required projde i nevyplněné pole.

Závěr

Na podobnou kontrolu se ovšem nelze spoléhat ani v momentě, kdy vymizí drtivá většina starších prohlížečů než IE 10. Aplikace zpracovávající data vždy musí nějaké ověření/serializaci provádět.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Autocomplete

Automatické vyplňování formulářů

Pomocí atributu autocomplete jde usnadnit a zrychlit vyplňování formulářů.

Označení povinných položek

Označení povinných položek

Jak elegantně ve formuláři označit povinné položky atributem required.

Tabindex

Tabindex

Atribut tabindex slouží k uspořádání položek pro procházení klávesnicí.

Maximální délka pole

Maximální počet znaků

HTML atribut maxlength omezuje počet znaků ve formulářovém poli.

Minlength

Atribut minlength

HTML atribut minlength stanovuje minimální počet znaků, který musí být v políčku.

Komentáře