The following form demonstrates several layout techniques with simple validation provided by semantic HTML5 fields and Bootstrap validation. Data MUST be validated on the server in addition to the client. Try filling out the form and pressing Submit to see form validation in action.

First name is required to be alphabetic.
Last name is required to be alphabetic.
Address is required.
City is required to be alphabetic.
State is required.
Zip is required to be numeric.
Valid email address is required.
Contact preferences

Important decision

This form shows how to display large buttons for a high-impact decision.

Save work

Would you like to save your work before quitting?

Horizontal form

Use a horizontal form for a simple, compact layout.

@vt.edu