Form Masks

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

  • © 2016 December
  • $39K

    Expenses
  • $11K

    Net Profit
  • $29K

    Total Sales
  • Earnings this week
  • Design
    1:12PM, Thursday, November 19, 2016
    Development
    11:40AM, Sunday, November 22, 2016
    Demo Settings
    Fixed Header
    Boxed Layout
    Collapse Leftbar
    Topnav
    Sidebar