Assignment 7
Working with Forms
Outcomes addressed in this activity:
Unit Outcomes:
Discuss HTML form elements for Web pages.
Create HTML form for the website.
Course Outcome:
IT117-4: Develop HTML forms with form field validation.
Purpose
For this assignment, you will demonstrate effective use of forms on Web pages. You will create a contactus.html webpage that includes an HTML5 contact form. You will then format the Web form using CSS.
Assignment Instructions
Part 1 – Create a Contact Us Page and Web Form
Open template.html in Notepad to edit. Save file as contactus.html.
Place your restaurant name and the text “Contact Us” in the title tag.
Add a level 1 (h1) heading inside the header of the page. Text should be appropriate for a contact page.
Example: Contact Joe’s Grill
Between and tags, code an HTML form with the following elements:
Text field for user’s first name.
Text field for user’s last name.
Text field for user’s email address.
Text field for user’s phone number.
A textarea for user comments.
Submit button.
The form tag must include the following attributes:
The action attribute with empty quotes: action=“ ”
The method attribute with the post value: method=“post”
The autocomplete attribute with the on value: autocomplete=“on”
The textarea should include the following attributes:
The name attribute
The rows attribute
The cols attribute
The form should have autocomplete turned on.
The email address field should have autocomplete turned off.
Each input field must have a name using the name attribute.
Each input field must have an appropriate label.
Add a level 2 (h2) heading above the form telling the user the purpose of the form. For example: Tell Us What You Think
Save the contactus.html page.
Part 2 – Format the Web Form Using CSS
Add an internal CSS stylesheet to the head of the contactus.html document.
Use around your style rules.
Add at least two style rules to format the form. Choose at least two from the following:
Background color of form.
Background color of input tags.
Border color of input tags.
Font type for text in form.
Font color for text in form.
Style rules must include all required symbols:
{ and }
Colon : and semi-colon ;
Required quotes as applicable.
Style rules must use hex color codes, no color names.
Save contactus.html and close.
Upload contactus.html to the server.
Directions for Submitting Your Assignment
Post the valid working URL to contactus.html page to the Dropbox.
Written work should be free of spelling, grammar, and APA errors. Points deducted from the grade for each writing, spelling, or grammar error are at your instructor’s discretion.
Review the rubric before beginning this activity.
For This or a Similar Paper Click Here To Order Now
