HTML - Fieldsets and Legends

HTML Forms

The web is a two-way communication medium. There’s lots of HTML elements for displaying data and producing output, and conversely, there’s also lots of HTML elements for accepting input. Accepting input from the user means creating web forms. In this course, we’ll learn about all the most important form elements that web professionals use on a daily basis.

1. Form Basics

To learn about forms, we’re going to create a simple sign up form for an imaginary web app. Our form won’t actually submit anywhere, since that requires additional server-side code. However, we will learn about all the most important HTML form elements.

1:37
Overview of Forms
3:11
The Form Element
5:30
The Input Element
2:08
The Textarea Element
2:06
The Button Element



2. Organizing Forms

A form can be created with just a form element and some controls, but it's helpful to the user if the form is organized with labels and fieldset elements.

4:05
The Label Element
3:39
Fieldsets and Legends


3. Choosing Options

Sometimes when creating a form, it's better for the user to choose from predefined options rather than typing in text. This can be accomplished with select menus, radio buttons, and checkboxes.

6:40
Select Menus
5:38
Radio Buttons
4:15
Checkboxes
1:20
Going Further