Now we're going to take a close look at some code, including the markup, scripts, and styles. Some of this you may already know and for the most part the only emphasis here will be on the new HTML5 inputs and attributes. We'll look at how they get implemented into a form, what their effect is on the UI controls, and how to leverage this new technology into our scripts. But first, let's do some setup work so that everything is consistent across our pages.
The first thing we need to do is open up the index.html
file for our forms page. Once we have this open, you'll see that we have the old template that we initially created at the beginning of this book. As our applications have evolved, we must update this template to reflect those changes, so let's do the following tasks:
Include the forms styling (
forms.css
) after our main stylesUpdate the navigation to reflect our new menu
Include our navigation script (
App.Nav.js
) and our forms script (App.Forms.js
)