Question
Create two HTML pages, one containing a form and one set up to use the data submitted on the form. Use a CSS file for
Create two HTML pages, one containing a form and one set up to use the data submitted on the form. Use a CSS file for formatting.
On both HTML pages use the correct doctype, ,
The first HTM page should contain a form allowing the user to place an order and should have the following features:
Input fields for:
First Name
Last Name
A 2 line street address
City
State
Zip
Phone number
Product ordered
Quantity
Price
Use fieldset and legend tags to group the persons information separate from the product ordered information.
Use div tags to group corresponding label and input tags.
The second HTML page should be used to receive the information from the form. On the second page include:
The GetParams function from the readings to convert the data string into separate variables.
A thank you to the customer displaying the mailing information that will be used for the order.
Display the order that was taken and multiply the price by the quantity to display the total.
If the person orders a quantity of greater than 10, give them a 10% discount and display the discounted total.
Once the form is working, modify it to include the following features:
Use the autofocus attribute with the first name input element.
Use the required and placeholder attributes with the first name and last name elements.
Add an input element of type email to collect email address.
Add an input element of type tel to collect the customers telephone number.
Change the element type of quantity to number.
Add an input element of type date to collect the requested delivery date.
Include the new input elements on the receive page.
Zip the three files and submit on moodle.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started