CSS :invalid

CSS :invalid

CSS značka :invalid nam omogoča ciljanje “input” polj, ki vsebujejo nepravilne vnose. Tako lahko določene funkcionalnosti za katere smo uporabljali JavaScript nadomestimo s CSSjem.

Preberi
Validacija vnosnih polj brez JS

Validacija vnosnih polj brez JS

Validacija vnosnih polj je standarden postopek, ki se ga poslužujemo pri vnosu podatkov s strani porabnikov. Za boljšo uporabniško izkušnjo se običajno dodajo validacijski koraki, ki preverjajo določene vnesene vsebine.

Preberi
HTML: <datalist>

HTML: <datalist>

HTML element <datalist> nam omogoča, da ima poleg klasičnega input polja uporabnik še pred nastavljeno izbiro. Ta izbira se avtomatsko spreminja ob vnosu iskanega niza, lahko pa se uporabnik odloči za klik na pred nastavljene izbire.

Preberi
Uporaba “onblur” in “onfocus” efekta v formi

Uporaba “onblur” in “onfocus” efekta v formi

Efekta “onblur” in “onfocus” nam omogočata izbris vsebine iz vnosnega polja in ponovno pojavitev ob kliku izven. Primer uporabe je isklanik na pomagalniku. KODA: <input type=”text” value=”Išči” onblur=”if(this.value==”) this.value=’Išči’;” onfocus=”if(this.value==’Išči’) this.value=’ ‘;” />

Preberi