Labelmask εμπνεύστηκε από Politespace plugin πυράκτωσης Ομίλου και ενισχύει βάση κώδικα της να τροποποιήσει κάποια προσβασιμότητα, αντιγραφή-επικόλληση, αυτόματη πλήρωση και UX & nbsp? Προβλήματα.
Σε αντίθεση με παρόμοια plugins που μετατρέπουν εντελώς τα δεδομένα εισαγωγής εμπειρία με την προσθήκη ενός φίλτρου διαδραστικό μάσκα μέσα στην είσοδο ίδια, Labelmask λειτουργεί με την αφαίρεση της μάσκας εισόδου εντελώς.
Η μάσκα εισαγωγής εμφανίζεται μόνο όταν το πεδίο φόρμας δεν είναι γεμάτη με τα δεδομένα ως ένα σύμβολο κράτησης θέσης που βασίζονται σε κείμενο, αλλά όταν ξεκινά ο χρήστης πληκτρολογώντας στο εσωτερικό του πεδίο, το κείμενο μάσκα εισαγωγής μετακινείται δίπλα στην ετικέτα του πεδίου φόρμας εκτός του στοιχείου εισόδου.
Καθώς ο χρήστης πληκτρολογεί, το κείμενο εμφανίζεται κανονικά μέσα στο χώρο, χωρίς φιλτράρισμα ή χαρακτήρα παρεμβολές. Ταυτόχρονα, η μάσκα εισόδου και ενημερώνονται σε πραγματικό χρόνο εκτός του πεδίου εισαγωγής, αφήνοντας το χρήστη να γνωρίζει πόσους χαρακτήρες που έχει απομείνει από την αρχική μάσκα και ό, τι έχει ήδη πληκτρολογήσει.
Όταν τα δεδομένα έχουν εισαχθεί και ο χρήστης εστιάζει από τον τομέα, η μάσκα εισόδου τότε εφαρμοστεί εκ νέου το εισαγόμενο κείμενο, πράγμα που καθιστά ευκολότερο να διαβάσει.
. Μια επίδειξη περιλαμβάνεται με το πακέτο λήψης
Απαιτήσεις :
- για να ενεργοποιήσετε την Javascript πλευρά του client
- jQuery
Τα σχόλια δεν βρέθηκε