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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!