input type: text

input type: email

input type: tel

input type: number

input type: date

input type: url

input type: radio

Please select your favorite city

New York
San Francisco

input type: checkbox

Check the bands you enjoy...

REO Speedwagon
Electric Lights Orchestra
The Cure

The select tag

What is your salary range?

input type: color

input type: switch*

*These require an extension of the bulma CSS library

These call an external stylesheet from Bulma. You won't see them if the link is broken.

The textarea tag

input type: password


input types: submit and reset

These buttons were styled using input[type="submit"], input[type="reset"]

Do this: contact-form.html

Debug this: Forms

What is your age group?


 Male    Female    Other

mitchpowell icon

Mitch Powell - HTML5Authoring - Forms On this page, I decided to create sections for the lab itself, and then the 'dothis' and debugthis' sections as well, combining it all to make use of the CSS required for some of the Bulma extensions I plan on using.