HTML Forms

HTML forms fundamentals
Hello and welcome to this course on HTML Forms. My name is Matt Milner and I'm going to be introducing you to all the concepts related to creating and submitting HMTL forms. In this first module, we'll talk a little bit about the purpose of HTML forms, and maybe more importantly to view how they work and a little bit about some of the attributes you can apply to forms when you include them in your markup, in terms of controlling how the data that you're submitting in the form is sent to a web server to be processed.

HTML form inputs
Welcome to this module in the HTML Form Fundamentals. In this module, we're going to focus on the various input types that you can use in you HTML forms. We'll start out by looking at the various text inputs, different styles which is text and password, the various ways that we can lay those out and control them. We'll also look at the notion of selections, whether it's drop down list, radio buttons, or checkboxes, different ways that you can allow people to select predefined elements and how those translate then into your form post or form gets that you're performing.

Organizing HTML forms
Hello and welcome to this module in the HTML forms fundamentals course. In this module, we're going to be looking at how to organize and navigate through your forms. For form organization, we're going to take a look at how to group your form elements together in a logical way as well as how to provide labels that go along with the various inputs within your form. We'll also look at navigating through the form fields whether that's by tabbing through the fields and having some control over the order in which somebody moves through your input fields, or by using access keys or hotkeys to select a particular field item.

HTML form scenarios
Hello and welcome to this module in the HTML form scores on HTML form scenarios. In this module, we're going to take a look at some scenarios that you usually come upon when creating forms or submitting forms and usually come up as questions that people have when you go beyond the basics of just creating those form inputs and having the submit buttons. And first of those items will be scripting forms. How do I use JavaScript to encode, cause a form to be submitted and posted back to the server. So rather than having a submit button that automatically does this for you, you may want to run some JavaScript first where you do some manual validation, potentially you're going to ask for a confirm dialog or do something else before actually submitting the form, but at the end of that script, you want to have the ability to submit the form. We'll look at using multiple forms on a page and what this might cost in terms of some processing issues on the backend, how do you differentiate which form was submitted and if they're both posted in the same place and how do you set up those forms so that you can identify them. Finally, we'll look at file input or uploading files as part of your form data and the steps that are required to be able to let the user browse to a file, select it and post it over to the server. ( Pause )

HTML form server processing
Welcome to this module on processing HTML forms on the server. In this module, we're going to take a look at accessing all the form data that the user submitted. So you've created your form, it's been displayed in the browser. User has entered all their information. Now they've submitted it, you're going to see how you access that form there that they provided. And we'll take a look at ASP. NET, Ruby on Rails and PHP for some examples of how to do that. Then my goal here is simply to show you some different frameworks, talk about at a high level some of the different ways that this data is surfaced up. Not to go into great detail on any one of this. This is not a full blown tutorial on PHP forms or Ruby or even ASP. NET. I'll point you to some or other courses that would give you a deeper understanding of those particular programming models. My goal here is simply to talk about how the form data that we've been talking about in kind of a generic HTML sense is surfaced in some of these programming frameworks. Additionally, we'll talk a little bit about going beyond the raw data. So rather than accessing the raw values one at a time, talk a little bit about the MVC pattern and support for that in both Ruby and ASP. NET for having models that represent your data and allowing the framework to map those models on to the forms or the views for you.