Form examples

We recommend that you read Creating Accessible Forms on webaim.org before attempting to create your own form using the examples below.

  1. Form without fieldset styling
  2. Form with fieldset styling
  3. Form with fieldset styling, background colour applied

Example one: Form without fieldset styling

Your gender Optional
Subjects are you interested in

Paste the code above directly into the HTML of the content block.

Example two: Form with fieldset styling

Your gender Optional
Subjects are you interested in

Paste the code above directly into the HTML of the content block.

Example three: Form with fieldset styling, background colour applied

In this example, all forms elements are contained within fieldset elements.

Personal details
Your gender Optional
Subjects are you interested in

Paste the code above directly into the HTML of the content block.