Head First HTML with CSS

adding input elements
Back to getting those elements into your XHTML
Now we’ve got to get those elements inside the form.
Check out the additions below, and then make the changes in
your “form.html”. Here’s JUST the form
We’re going to
start by putting
everything inside
a element.
608 Chapter 14
Ship to:
Name:
Address:
City:
State:
Zip:
We’ve added a label for each
input so the user knows what
goes in the text input.
You can only nest block elements
directly inside a form.
And you should also know that is an
inline element, so if you want some linebreaks
between the elements, you have to
add s. That’s also why you need to
nest them all inside a paragraph.
Finally, don’t forget that users need a submit button to
submit the form. So add a submit button by inserting an
at the bottom with a type of “submit”. Also add
a value of “Order Now”, which will change the text of the
button from “Submit” to “Order Now”.
snippet from “form.html”.
Hey, we’ve got to save a
few trees here!
After you’ve made all these changes, save your “form.html” file
and let’s give this a whirl. Don’t forget to validate your
XHTML. Forms elements need
validation too!
Here are all
the
elements: one
for each text
input in the
“Ship to” section
of the form.