Labelmask ble inspirert av Filament konsernets Politespace plugin og det forbedrer sin kodebase for å endre enkelte tilgjengelighets, kopi-lime, auto-fylling, og UX & nbsp; problemer.
I motsetning til lignende plugins som fullstendig transformere dataene som skriver inn erfaring ved å legge til en interaktiv maske filter inne inngangs selv, fungerer Labelmask ved å fjerne inndatamaske helt.
Inngangs maske vises bare når skjemafeltet ikke er fylt med data som en tekstbasert plassholder, men når brukeren starter å skrive inne i feltet, blir inndatamaske tekst flyttet ved siden av feltet skjemaets merke utenfor inngangs element.
Som brukeren skriver, er teksten som vises normalt inne i feltet, uten filtrering eller tegninnsettinger. Samtidig inngangs maske er også oppdatert i sanntid utenfor inntastingsfeltet, la brukeren vite hvor mange tegn han har igjen fra den opprinnelige masken og hva han har allerede skrevet i.
Når dataene er lagt inn og brukeren fokuserer utenfor banen, inngangs masken er så re-påføres lagt inn tekst, noe som gjør det lettere å lese.
. En demo er inkludert med nedlastingspakken
Krav :
- aktivert Javascript på klientsiden
- jQuery
Kommentarer ikke funnet