Setting up the HTML


show more Setting up the HTML provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Advanced To-Do List show less
please wait ...

Setting up the HTML

Most of the action in the advanced to do list is on the JavaScript front, but we do have some essential HTML to put in place first. So, let's get to it. I have opened the index.htm file from the Chapter three 03 01 folder of the exercise files. Its important to note that for this advance to do list you need to preview your documents through a local or remote web server. I am using the local web server map, so my files are located in that apps htdocs folder.

The code we want to work with is in a div little bit later down the page so let me scroll down a bit and here you see it on lines 41 and 42. It's a div with the id of container, I'm going to make a little space in the middle there with a little indentation and then add in my code. First, I'll need to put in the form that will hold the input field so that the user can type in his or her list item. We'll enter a simple name, form1. Give it a method of post. And we'll leave the action empty. So let's put in our input field fi...

Setting up the HTML
Video duration: 3m 12s 45m 50s Intermediate

Viewers:

Setting up the HTML provides you with in-depth training on Design. Taught by Joseph Lowery as part of the HTML5 Projects: Advanced To-Do List

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