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 |