Page Views
1,600
Likes
345
Bugs Fixed
21
New Members
124
Gifts
16
Tasks
17

Input Masks

Input masks integrate formatting cues directly into an input field to help signal how to correctly answer a question. These formatting instructions are automatically included in an input and cannot be removed by a user. More importantly, a user cannot enter other non-valid characters into the input field.

With Avant, you can add these masks directly inline with the HTML5 data-inputmask attribute. No code necessary!

Masked Input Fields

alias:date

(999) 999-9999

(999) 999-9999 x99999

+33 999 999 999

99-9999999

999-99-9999

a*-999-a999

PO: aaa-999-***

99%

right alignment

left alignment

Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Alternative Style
Topnav
Sidebar