Description
Description:
Create a valid html page with an HTML form on it that submits its data to the provided processing script. This form should gather the same info as the provided PDF sample of an existing paper form. Look at lab4-sample.pdf
The php processing script is attached with this assignment. You may look at the file to see what is going on behind the scenes in the php script but you do not have to edit it or use it for this lab. I have uploaded a copy of the script to a school server and you may link directly to it for your form for this lab. The URL is below.
Processing Script URL: http://bloomingdale.sat.iit.edu/kriedan/lab3formscript.php
Requirements:
Use the POST method for your form
Use the following controls in your form.
Single line text fields
Multi line text area
Drop Down Menu
Radio Buttons
Checkboxes
Hidden field
Proper label tags on all the controls
Use the fieldset & legend on the form surrounding some controls where appropriate
Form needs to gather the data that the sample pdf paper form does. Think about this like someone gave you the paper form and wanted an html form made.
The “client” asked that the form use a drop down list for age plus checkboxes and radio buttons where they are appropriate to use. Think about why you would use a radio button or a checkbox in a specific case.
In the hidden field I want you to submit your IIT Login Username. Review the lecture if you are confused about hidden fields.
Form processing script expects the controls to have exactly the following name attributes.
first_name_field
last_name_field
phone_field
email_field
comments_field
gender_field
Save your document as to a github repository and link to your Basecamp folder.
Points will be deducted for invalid markup, missing requirements, a form that does not post data to the script in the proper areas, broken forms, and not following instructions.
Everything you need to do this lab was demonstrated in our forms lecture. Review the lecture video again if you have problems.
You need to fully test the form and make sure it submits all the data properly before you upload it to blackboard. You will know if the form works properly if you see the results page and all the data you entered is correct. If I press submit and get an error you can expect a very poor grade.
CSS styling of the forms is not required. Try to structure the form with proper html and let the browser format with its default styling. Try to recreate the supplied PDF paper form as an html form.
