Forms

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
Boston
Chicago
San Francisco

input type: checkbox

Check the bands you enjoy...

Journey
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?


Gender

 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.