Preview
Video Player
00:00
00:00
Overview of Forms
1:37Accepting input from the user means creating a web form, which is typically composed of form controls like text fields, radio buttons, checkboxes, select menus, and more.
[MUSIC]
0:00
The web is a two way communication medium.
0:04
There's lots of HTML elements for
displaying data or producing output,
0:07
and conversely there's also lots of HTML
elements for accepting input.
0:13
Accepting input from the user means
creating
0:18
a web form, which is typically composed
0:20
of form controls like text fields, radio
0:23
buttons, check boxes, select menus, and
more.
0:25
To learn about forms, we're going to
create a
0:29
simple Sign Up form for an imaginary web
app.
0:32
Our form won't actually submit anywhere
0:35
since that requires additional server side
code.
0:38
However, we will learn about all the most
important HTML form elements.
0:42
To follow along with this project, click
the Workspaces
0:47
button next to this video and open the
associated template.
0:49
There should already be some starter HTML
and CSS code included in your Workspace.
0:53
This will allow us to focus specifically
on forms.
0:59
If you'd like to use another text editor
instead of
1:03
Workspaces, just download the project
files associated with this video.
1:06
It's the same code that's included with
Workspaces.
1:10
One more thing I should note, the included
CSS will automatically
1:14
make our forms look a lot better than the
browser defaults.
1:18
If at any time you'd like to see what the
1:22
default browser styling looks like, feel
free to remove the CSS.
1:24
The CSS is not required, and it's just
there to make this project look pretty.
1:28
Now, if you're ready, then let's get
started.
1:34