Demo of Formcore Light-weight, validated forms

Text Inputs

Single Line Text

Name

Multi-line Text, grows with text

US Telephone Number

File Upload

Multi-line Text, with character counter maxlength

Multi-line Text, with character counter minlength

Email

Credit Card

Credit Card with Preview (Text Only)

We accept:

Visa Mastercard AMEX

Credit Card with Preview (3 Images)

We accept:

Visa Mastercard AMEX

Credit Card with Preview (4 Images)

Visa Mastercard AMEX Discover

US ZIP Code, allows 5 digits

US ZIP Code, allows full 9 digits

Integer Numeric Input

Prices

Price (Full Dollar Amounts) - with spinner

Price (Full Dollar Amounts) without Spinner Buttons

In order to reliably allow cross-browser input of decimal places, we cannot use the numeric keyboards for fields that require a decimal place. Numeric keyboards on iOS and Android do not include a key for the decimal place. This requires use of type="text" and omitting pattern="[0-9]*". Add data-numeric-input-float to tell the numeric keypress filter to allow decimal marks.

Price (Dollars and Cents)

Price (Full Dollar Amounts, allows Negative)

Price (Dollars and Cents, allows Negative)