Head First HTML with CSS

Adding the form element
Once you know the URL of the Web application that will process your form, all you
need to do is plug it into the action attribute of your element, like this
(follow along and type the changes into your XHTML):
xhtml forms
The Starbuzz Bean Machine
The Starbuzz Bean Machine
Fill out the form below and click submit to order
Here’s the
form element. The action attribute contains the
Go ahead and add the
form closing tag too.
URL of the Web application.
So far so good, but an empty element isn’t going to get you very far.
Looking back at the sketch of the form, there’s a lot there to add, but we’re going
to start simple and get the “Ship to:” part of the form done first, which consists of
a bunch of text inputs. You already know a little about text inputs, but let’s take a
closer look. Here’s what the text inputs for the Starbuzz form look like:
We use the
element for a few
different controls.
The type attribute
determines what kind
of control it is.
Here the type is “text” because this
is going to be a text input control.
And remember we’re using the
“POST” method to deliver
the form data to the server.
More on this later.
We’ve got one
text input for
each input area in
the form: Name,
Address, City,
State, and Zip.
The name attribute acts as an identifier for the
data the user types in. Notice how each one is set to
a different value. Let’s see how this works...
you are here 605