Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

HTML Forms

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Overview of Forms

1:37 with Nick Pettit

Accepting 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.

Resources

Throughout these videos, we'll be learning about many HTML form elements. If you'd like to learn more, be sure to read the notes section of each video to review vocabulary, code, and links to documentation. For starters, here's the Mozilla Developer Network guide for HTML forms.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    [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

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up