Labelmask ay hango sa Politespace plugin Filament Group at ito Pinahuhusay ng codebase nito na baguhin ang ilan sa accessibility, copy-paste, i-auto-pasta, at UX & nbsp; problema.
Hindi tulad ng mga katulad na mga plugin na ganap na ibahin ang anyo ng data inputting karanasan sa pamamagitan ng pagdaragdag ng isang interactive na mask filter sa loob ng input mismo, Labelmask gumagana sa pamamagitan ng pag-aalis ng ganap ang input mask.
Ang input mask ay ipinapakita lamang kapag ang field ng form ay hindi na puno ng data bilang isang placeholder text-based, ngunit kapag nagsimula ang gumagamit ng pag-type sa loob ng field, ang mask text input ay inilipat sa tabi ng label ng field ng form sa labas ng elemento ng input.
Tulad uri ng user, teksto ay ipinapakita nang normal sa loob ng field, nang walang anumang pag-filter ng character o mga pagpapasok. Kasabay nito ang pag-input mask ay na-update din sa real-time sa labas ng field ng input, na nagpapahintulot sa gumagamit ng malaman kung gaano karaming mga character siya ay umalis mula sa orihinal na mask at kung ano siya ay na-type sa.
Kung ang ay na inilagay sa data at naka-focus ang gumagamit off ang field, ang input mask ay pagkatapos-inilapat muli sa inputted teksto, na ginagawang mas madaling basahin.
. Isang demo ay kasama sa package ng pag-download
Mga Kinakailangan :
- pinagana ang JavaScript sa client side
- jQuery
Mga Komento hindi natagpuan