Labelmask został zainspirowany przez Politespace wtyczki żarnika Grupy i zwiększa jego codebase zmodyfikować trochę dostępności, kopiowanie wklejanie, automatyczne napełnianie i UX & nbsp; problemy.
W przeciwieństwie do podobnych wtyczek, które całkowicie zmienić dane wprowadzania doświadczenie dodając interaktywny filtr maski wewnątrz wejścia się, Labelmask działa poprzez usunięcie maskę wprowadzania całkowicie.
Maska wprowadzania jest wyświetlane tylko wtedy, gdy pole formularza nie jest wypełniona danych jako zastępczy tekstowej, ale gdy użytkownik zaczyna wpisywać się w polu, maska wprowadzania tekstu zostanie przeniesiona obok etykiety pola formularza na zewnątrz elementu wejściowego.
Jak typów użytkowników, tekst jest wyświetlany normalnie w środku pola, bez filtrowania lub znaków wstawkami. Jednocześnie jest również maska wprowadzania aktualizowane w czasie rzeczywistym poza polem wprowadzania, pozwalając użytkownikowi wiedzieć, ile znaków opuścił z oryginalnej masce i to, co on już wpisany w.
Gdy dane zostały wprowadzone, a użytkownik koncentruje się na murawę, maska wejście jest ponownie stosowane do wprowadzonego tekstu, dzięki czemu łatwiej odczytać.
. Demo jest dołączony do pakietu pobierania
Wymagania :
- włączona obsługa JavaScript po stronie klienta,
- jQuery
Komentarze nie znaleziono