Placeholders and Input Formats

Any input field can be set with a placeholder so the customer can be informed on what information needs to be typed into that field.

Some fields support an input mask, allowing you to customize how the field reacts to the entered values:

  • Card Number:

  • Expiration Date:

  • Phone Number:


Card Number:

Card Number is by default a "text" input type with a maximum of 16 characters, no spaces. You may set the input type to "number" with a maximum of 16 characters, with no spaces in the placeholder. Neither option require a placeholder. However you can use the placeholder to format the numeric entry myriad ways.

Note: You cannot use “•••• •••• •••• ••••”. Only alpha numeric values. Using text, like “Card Number”, will use default formatting of 0000 0000 0000 0000.

placeholder

0000000000000000

0000 0000 0000 0000

0000-0000-0000-0000


Expiration Date:

Expiration Date input by default is formatted as MMYY. If you prefer MM/YY, then enter MM/YY as the placeholder. On a live page the forward slash will automatically add as the consumer types.

placeholder

MM/YY

MMYY

00/00

0000


Phone Number:

Phone Number is by default a "text" input type with no character limit. You may set the input type to "number", with no spaces in the placeholder or format. This does not require a placeholder for formatting. However you can use the format from builder settings to specify the format of the input in several different ways.

placeholder

(000) 000-0000

000 000 0000

000-000-0000

000.000.0000

000-0000