Input Masks

Cleave.js has a simple purpose: to help you format input text content automatically. Read the Official Cleave.js Website for a full list of instructions and other options.
Credit Card Formatting

Mask a credit card input element to identify users the type of credit card.

Phone Number Formatting

Mask an input element to provide users or a guide for entering phone number.

US (+1)
Date Formatting

Mask an input element to provide users or a guide for entering date.

Time Formatting

Mask an input element to provide users or a guide for entering time.

Numeral Formatting

Mask an input element to provide users or a guide for entering numerals.

Custom Options

Some example of custom mask option to an input element.