Atmos
Search…
Getting Started
Build System
Gulp
Page Structure
Sass Modules
UI Elements
Colors
Buttons
Icons
Cards
Alerts
Modals
Avatar
Tables
Mail Templates
forms
Form Layouts
Switch
Tag Input
Radio Box
Select2
Datepickers
Masked Input
Rangeslider
Dropzone Fileupload
Form Wizard
Form Validation
Charts
Charts
Apex Charts
Chartjs
Google Charts
Chartist
Maps
Google Maps
Vector Maps
Starter Template
blank template Markup
Powered By GitBook
Masked Input
Masked input plugin extends formatting of user input for better representation while inputs for inputs like numbers, telephone, currency etc.

Step 1

Include JavaScript before end of body tag
1
<script src="assets/vendor/jquery.mask/jquery.mask.min.js"></script>
Copied!

Step 2

Add markup with data parameters. use data-mask for formatting
1
<input type="text" name="field-name" class="form-control" data-mask="00/00/0000" data-mask-clearifnotmatch="true" placeholder="00/00/0000"/>
Copied!
GitHub - igorescobar/jQuery-Mask-Plugin: A jQuery Plugin to make masks on form fields and HTML elements.
GitHub
forms - Previous
Datepickers
Next - forms
Rangeslider
Last modified 3yr ago
Copy link
Contents