Labelmask var inspireret af Filament koncernens Politespace plugin og det øger dens kodebase at ændre nogle tilgængelighed, copy-paste, auto-fyldning, og UX & nbsp; problemer.
I modsætning til lignende plugins, fuldstændigt at transformere dataene indlæser oplevelse ved at tilføje en interaktiv maske filter inde i input selv, Labelmask virker ved at fjerne indtastningsmasken helt.
Input maske vises kun, når formularfeltet ikke er fyldt med data som et tekstbaseret pladsholder, men når brugeren starter skrive inde i feltet, er indtastningsmasken tekst flyttet siden af formularfeltet etiket uden for input element.
Da brugeren skriver, er tekst vises normalt inden for området, uden filtrering eller tegn indrykninger. Samtidig indtastningsmasken er også opdateret i realtid uden for indtastningsfeltet, lade brugeren vide, hvor mange tegn, han har forladt fra den oprindelige maske og hvad han allerede har indtastet.
Når data er indtastet og brugeren fokuserer uden for banen, indtastningsmasken derefter igen anvendes på den indlæste tekst, hvilket gør det lettere at læse.
. En demo er inkluderet i overførslen pakke
Krav :
- JavaScript aktiveret på klientsiden
- jQuery
Kommentarer ikke fundet