Overview of Forms1: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.
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.
[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