Labelmask inspirerades av Filament Group Politespace plugin och förbättrar sin kodbas att ändra vissa tillgänglighet, kopiera-klistra, auto-fyllning och UX & nbsp; problem.
Till skillnad från liknande plugins som förändrar data inmatning upplevelse genom att lägga en interaktiv Mask filter inuti ingången själv, Labelmask fungerar genom att ta bort inmatningsmasken helt.
Ingångsmask visas endast när formulärfältet inte är fylld med data som en textbaserad platshållare, men när användaren börjar skriva inuti fältet är inmatningsmasken texten flyttas bredvid formulärfältet etikett utanför ingångselementet.
När användaren skriver, är text som normalt visas inuti fältet, utan filtrering eller tecken infogningar. Samtidigt indatamasken också uppdateras i realtid utanför inmatningsfältet och låter användaren veta hur många tecken som han har kvar från den ursprungliga masken och vad han har redan skrivit in.
När data har matats in och användaren fokuserar utanför planen, inmatningsmasken sedan åter appliceras på inmatade texten, vilket gör det lättare att läsa.
. En demo medföljer nedladdningspaketet
Krav :
- Javascript aktiverat på klientsidan
- jQuery
Kommentarer hittades inte