Labelmask è ispirato del Filament Group Politespace Plugin e migliora la sua base di codice per modificare alcuni accessibilità, copia-incolla, auto-riempimento, e UX & nbsp; problemi.
Diversamente plugin simili che trasformano completamente i dati immissione esperienza aggiungendo un filtro maschera interattiva all'interno dell'ingresso stesso, Labelmask funziona rimuovendo completamente la maschera di input.
La maschera di input viene visualizzato solo quando il campo di modulo non è pieno di dati come un segnaposto di testo, ma quando l'utente inizia a digitare all'interno del campo, il testo maschera di input viene spostata accanto all'etichetta del campo modulo al di fuori del elemento di input.
Poiché l'utente, il testo viene visualizzato normalmente all'interno del campo, senza inserzioni filtrare o caratteri. Allo stesso tempo, la maschera di input viene aggiornato in tempo reale al di fuori del campo di immissione, lasciando all'utente di sapere quanti caratteri ha lasciato dalla maschera originale e quello che ha già digitato.
Quando i dati sono stati inseriti e l'utente si concentra fuori dal campo, la maschera di input viene poi ri-applicato al testo immesso, rendendo più facile la lettura.
. Una demo è incluso nel pacchetto di download
Requisiti :
- JavaScript abilitato sul lato client
- jQuery
I commenti non trovato