Input / Vnosna polja v HTML 5 [2. del]

• Tweet

S to objavo samo nadaljujem objavo Vnosna polja v HTML 5 [1.del].

Prejšnič smo si pogledali tipe:

• placeholder*
• search
• number
• range
• color

Danes pa si bomo pogledali naslednje tipe:

• tel
• url
• email

Odločil sem se samo za 3, ker so vsi ostali povezani z datumi in bodo tako predstavljeni vsi skupaj v tretjem delu.

Tel

Tip tel uporabimo, kadar vpisujemo telefonske številke. Največja razlika v tem polju se pojavi na mobilnih napravah in tablicah, kjer uporabljamo virtualno tipkovnico. Kajti odpre se nam numerična tipkovnica namesto qwerty ali qwertz.

Koda:

<input type="tel" />

URL

Tip URL uporabimo, kadar želimo vpisan URL naslov. Ta tip je zelo uporaben, saj sam preveri, ali je res vpisan URL naslov.  URL naslov v tem polju se mora začeti s http… če začnemo kar z www, nam obrazec vrne da vpisan URL ni pravilen.

Koda:

<input type="url" />

Email

Tip email je zelo podoben tipu URL, vendar preverja, če je vnešen pravilen email naslov.

Koda:

<input type="email" />