Numerična vnosna polja

Resnicno-numericna-vnosna-polja

Z prihodom HTML5 smo začeli uporabljati tudi namenske type elemente na vnosnih poljih. Primer uporabe takšnih elementov je npr. vnosno polje za e-mail, kjer uporabimo type=”email”, ki sproži na napravah na dotik ustrezno tipkovnico, v tem primeru prilagojeno e-mailu. Eden izmed teh elementov je tudi type=”numeric”, ki na Android in Microsoft napravah sproži numerično tipkovnico, na iOS napravah pa se nam prikaže malo drugačna tipkovnica, ki omogoča vnos še nekaterih drugih znakov.

Rešitev za prikaz numerične tipkovnice na iOS napravah se skriva v dodatnem parametru, in sicer uporabi elementa “pattern”. V značko “input” poleg type=”number” dodamo še “pattern=”[0-9]*”. Slednji tudi na iOS napravah vklopi numerično tipkovnico.

Primer kode za numerično tipkovnico

<input type="number" pattern="[0-9]*">

Uporaba “pattern=”[0-9]*” nam pride prav tudi pri uporabi type=”password”, kadar uporabljamo za geslo PIN številko.

Primer kode za PIN tipkovnico pri geslu:

<input type="password" pattern="[0-9]*">

Komentiraj


*