Question
In this lab you will apply what you have learned about accessible forms and create a new web page named yourlastnamecontact.html that contains a form
In this lab you will apply what you have learned about accessible forms and create a new web page named yourlastnamecontact.html that contains a form with the following fields:
- Text box for First Name
- Text box for Last Name
- Text box for E-mail Address
- A set of radio buttons configured within a fieldset element (and its companion legend element) to find out how the visitor heard about the website. Use the following choices: Search Engine, Referred by a Friend, Twitter, Other
- Textarea for comments or questions
- Submit button
- Reset button
Configure the form in a pleasing manner (note alignment of the form controls) with CSS. Refer back to your WEB 150 textbook if needed. Do not use a table on the web page. Name your external CSS file yourlastnamecontact.css .
Your form will invoke the form handler at http://webdevbasics.net/scripts/demo.php -- the form tag should be configured with the action attribute set to "http://webdevbasics.net/scripts/demo.php " and the method attribute set to "post". Please note that this script is ONLY for your use during this assignment. Do not use this script for any other purpose.
Note that your web page and form must pass WCAG 2.1 Level A requirements. Feel free to use the AChecker ( http://achecker.ca/checker/index.php) or FAE (stricter than WCAG) ( http://fae.cita.uiuc.edu/) automated tests.
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