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 requires a placeholder. However the placeholder can format the numeric entry multiple ways.

To accept 19-digit card numbers, add the class ccExtended to the Card Number input. This will not override a 16-digit placeholder. This option should be used with a text placeholder or a 19-digit placeholder.

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.

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.

Phone may also be formatted using the phone country plugin enabled on the funnel Maintenance page.