This customer is ready to buy a CodeYourFuture t-shirt. We need to ask them who they are and how we can contact them so that we can send them the t-shirt.
In this exercise you will add forms to collect checkout information. Follow the steps below to complete this exercise.
- Open
index.html
and find the line that says<!-- Add the form fields here -->
. - Add an
<input>
field for the customer's name below this line. It should be atext
field with aname
attribute set tocustomer-name
. - Add an
<input>
field for the customer's email address. It should be anemail
field with aname
attribute set tocustomer-email
. - Add an
<input>
field for the customer's phone number. It should be atel
field with aname
attribute set tocustomer-phone
. - Did you remember to add a
<label>
for each one of your fields? If not, go back now and give each field a label, taking care to link each field to its label by using thefor
andid
attributes. - (Optional) Make the form easier to read by using
<p>
or<div>
tags to add space between each field.
When you're done, it should look like this.