Form layout

Basic Form

A minimal sign-up form with just the essentials.

Example Form

A contact form with a subject select and a message field.

First Name

Last Name

Select Subject

Message

Example Form with Icons

Prefix each field with an icon for a friendlier sign-up flow.

Remember me

Form with Icons and Validation

Pair an icon input with valid and invalid feedback states.

Horizontal form

Email address

We'll never share your email with anyone else.

Password

Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.

Select

Checkboxes

Option 1 Option 2 Option 3

Example Form

A longer profile form grouped into personal info and address sections.

Personal Info

First Name

Last Name

Gender

Date of Birth

Address

Street

City

State

Post Code

Country

Membership

Free Paid

Payment Method

All transactions are secure and encrypted

Name on Card

Card Number Enter your 16-digit number.

CVV

Month

Year

Billing Address

The billing address associated with your payment method

Same as shipping address

Comments

Basic Form

Example Form

Example Form with Icons

Form with Icons and Validation

Horizontal form

Example Form

Personal Info

Address

Payment Method

Billing Address

Make Tabler your own

Appearance

Layout