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.
PreberiOznaka: input
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.
PreberiHTML: <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.
PreberiUporaba “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