Form Wizard

Separated inputs into tabs for better step by step user experience of form filling

Simple Form Wizard
add class form-wizardto the form

One
Two
Three
Four
Five
Six
Seventh

This is first tab - 1

This is second tab - 2

This is third tab - 3

This is fourth tab - 4

This is fifth tab - 5

This is sixth tab - 6

This is seventh tab - 7

Form Wizard with Validation
add class validateto the form

Personal Info 1
Address 2
Education 3
Personal Info 4
Register 5

Full Name

Date of Birth

Write Something About You

Street

Door no.

Address Line 2

City

State

Zip

Primary School

Subject

School Name

Start Date

End Date

Secondary School

Subject

School Name

Start Date

End Date

Other Qualifications

Current &Past Jobs

Company Name

Job Position

Start Date

End Date

Company Name

Job Position

Start Date

End Date

Company Name

Job Position

Start Date

End Date

Company Name

Job Position

Start Date

End Date

Choose Username

Choose Password

Repeat Password

Include Services

Gender

Subscribe for Newsletter

Auto-renew Subscription Yearly

By registering I accept terms and conditions.

John Smith

Notifications

Help Desk

Form Wizard

Simple Form Wizard
add class form-wizardto the form

Form Wizard with Validation
add class validateto the form

Chat 0

John Smith

Notifications

Help Desk

Form Wizard

Simple Form Wizard add class form-wizardto the form

Form Wizard with Validation add class validateto the form

Chat 0

Simple Form Wizard
add class form-wizardto the form

Form Wizard with Validation
add class validateto the form