Creating the form


show more Creating the form provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Customized Photo Cards show less
please wait ...

Creating the form

When I wrote a chapter on forms in the very first Dreamweaver Bible, I titled it Interactive Forms, because at the time, when dinosaurs ruled the earth, forms were pretty much the only way users could interact with a webpage. Now, there are many more options. But forms are still critical. In this lesson, I'm going to use the HTML5 technology of local storage to save the selection that a user makes in a form and then retrieve it on another page. So, our form is right here in the center of the page, and there are three radio buttons that we are going to be working with.

Let's head on over to my Code Editor. And here, you see the form starting on line 27. And as I said, there are three radio buttons inside, each have the same name, bgImage, as you can see here on lines 30, 37, and 44, and different values of course. So, let's go up to the top of the page, and right after the jQuery script tag, I'm going to add in some custom code that will control what happens when the user clic...

Creating the form
Video duration: 6m 59s 44m 20s Intermediate

Viewers:

Creating the form provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Customized Photo Cards

Subjects:
Design Web
Software:
HTML JavaScript CSS
Author:
please wait ...