[an error occurred while processing this directive]
Go to Bottom Nav - December 15, 2017 - No exercises at this time - ERRORblah Happy Holidays and Semester Break!

Overview

Exercise Ten gives you practice setting up a page with form elements. You will be pointing your form at the "namevalue.cgi" CGI script that is installed on the webhawks.org server. This script returns the name/value pairs or information that your form transmits so you will have an idea of its output. This exercise is similar to hitting a tennis ball against a wall for practice before moving up to playing tennis matches.

Remember to take Quiz 10 on Blackboard Learn+ as well.

You must fill out the exercise feedback form to receive credit for any assignment.

Details

  1. Create another HTML page; name the file as you wish and save it with your other HTML files on your hard drive. Use the skeleton below or write your own.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>


<p>
<!-- validator code using text links -->
<a href="http://validator.w3.org/check?uri=referer">Validate HTML</a>
&nbsp;|&nbsp;
<a href="http://jigsaw.w3.org/css-validator/check/referer">Validate CSS</a>
<!-- end validator code using text links -->
</p>
</body>
</html>


  1. Use this form tag to start your form on this exercise page; it will then be pointed at the "namevalue.cgi" CGI script:
    <form method="post" action="http://webhawks.org/~dm60wally/cgi-bin/namevalue.cgi">
  2. Create an example (or examples if you are having fun) for each of these form elements:
    • text field
    • password field
    • textarea
    • radio buttons (minimum three buttons)
    • checkboxes (minimum three checkboxes)
    • pull-down selection menu (minimum five options)
    • multiple selection menu (minimum five options)
    • hidden input(s)
    • a reset button
    • a submit button.
  3. Make sure to close your form (</form>) after all of your form elements.
  4. Test your form. You will need an internet connection to test the form since it needs to work with the webhawks.org server.
  5. Place a link on your exercise ten page to your index.html page.
  6. Place a link on your index.html page to your exercise ten page.
  7. Upload your pages.
  8. Validate with no errors your new page, make sure your index.html page still validates.
  9. Fill out the exercise feedback form and you are done. You must fill out this form to receive credit for each assignment!

Conclusion

Forms and form elements allow the user to communicate with us. Formatting your form for ease of use and clarity is important. Knowing the questions to ask from the start will guide you in the layout of your form.


[an error occurred while processing this directive]

Find Exercise Ten Feedback Form on Blackboard

Exercise feedback forms not available between semesters.

Heading One
Ut pharetra, ante eget imperdiet ullamcorper, tortor nunc sollicitudin orci, non cursus neque nisl eget ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum, nibh in suscipit interdum, velit magna volutpat turpis, at ornare sem magna et tellus. Sed pulvinar facilisis ligula, id vehicula eros sollicitudin a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Heading Two
Vivamus vestibulum, augue id iaculis sodales, odio odio feugiat arcu, scelerisque congue nisi ipsum vitae orci. Nunc sed ligula quam. Cras sed iaculis neque. Proin ultricies consectetur tortor, eu pulvinar sapien commodo ac. Cras diam arcu, lacinia id mattis ut, convallis sed massa. Nullam ut arcu lacus. Suspendisse ultricies elementum arcu ut dictum.
Heading Three
Sed aliquet augue ut ligula porta gravida pellentesque sapien semper. Duis mauris massa, semper pulvinar eleifend id, tincidunt fermentum nulla. Proin ipsum neque, imperdiet in vestibulum non, hendrerit ac nisi. Maecenas eleifend libero quis urna lacinia elementum. Etiam mi massa, sollicitudin nec accumsan in, aliquet in dui. Pellentesque consequat diam quis felis luctus a vehicula lectus mollis.
Pull Down Menu Close Menu