Avenger Admin Theme

2
10
3

# 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 Avenger, you can add these masks directly inline with the HTML5 `data-inputmask` attribute. No code necessary!

## Masked Input Fields

Date

alias:date

Phone

(999) 999-9999

Phone + Ext

(999) 999-9999 x99999

Int' Phone

+33 999 999 999

TaxID

99-9999999

SSN

999-99-9999

Product Key

a*-999-a999

Purchase Order

PO: aaa-999-***

Percent

99%

Currency

right alignment

Currency 2

left alignment

#### Sparkline Stats

- Earnings
  $22,500
- Orders
  4,750

More Sparklines

#### Recent Activity

- Jean Alanis invited 3 unconfirmed members 2 mins ago
- Anthony Ware is now following you 4 hours ago
- Bruce Ory commented on Dashboard UI 16 hours ago
- Roxann Hollingworthis now following you Feb 13, 2015

See all activities

#### Milestones

UI Design
12/16
UX Design
8/24
Frontend Development
8/40
Backend Development
24/48
See All

#### Contacts

- Jeremy Potter
- David Tennant
- Anna Johansson
- Alan Doyle
- Simon Corbett
- Polly Paton

See All
Demo Settings
Fixed Header
Boxed Layout
Collapse Leftbar
Collapse Rightbar
Horizontal Icons
Header Colors

Sidebar Colors
Boxed Layout Options