Part 1: Documentation, (30%)
You may download an acrobat or word processing document to help you with this.

At the end of this process, you will be turning in answers using the Quizzes area of Desire2Learn, based on the following. So, to get the best score, fill in all the answers in this document first.

Tags to document must include: <form>, <input> and <select>

Tag: <form> </form> form
Syntax (required and [optional attributes]; including action=, and method=)
What do these do?:
Example:

Notes:

Tag: <input> </input> Input
Syntax (required and [optional attributes]; including name= and type=radio, checkbox, and text)
What do these do?:
Example:

Notes:

Tag: <textarea> </textarea> A larger text box where the size can be set
Syntax (required and [optional attributes]; including name=, rows=, and cols=)
What do these do?:
Example:

Notes:

Tag: <select> </select> Select
Syntax (required and [optional attributes]; including name=
and the
helper tag <option> with the attribute value= and selected)
What do these do?:
Example:

Notes:

Part 2, Activity (40%):
You may download an acrobat or word processing document to help you with this.

 • Create a folder named lab8
    (QUICKSTART ALTERNATIVE: copy your lab7 FOLDER, and rename the copy to lab8)

    CHOOSE EITHER FAST OPTION 1 OR SECOND OPTION, YOU DON'T DO BOTH

OR

• Option 2: Create a page of your own design that includes ONE <form action=... method=...> ... </form> tagset,
   and includes a working radio box, checkboxes, select, and text or textarea between the
  <form action=... method=...> ... </form>.

Note: this is a form design lab; but if you use the proper code, it will actually work.

Start with
<form action="http://studentweb.templejc.edu/imed1316/cgi-bin/FormValues.asp" method="post">
[another working option is listed below ]
and
end with
<input type="submit" value="Submit">
</form>

Note: Dreamweaver will expect you to fill out the properties for each item you add to a form, and you will have to manually change the name of your input fields. Not recommended unless you really understand forms.
NVu actually does a better job for novices, prompting you to fill out a dialog box for each item added, including the form you begin with.

Of course, coding in notepad always works; copy/paste from form template to get a jump start :)

• Create a new file of your own design called form.htm inside of the pages folder
  
  \
  
         lab7
            |
            |
         lab8
            |
            |----index.html
            |
            |---- pages
            |          |-  page1.htm
            |          |-  page2.htm
            |          |-  resume.htm
            |          |-  frame.htm
            |          |-  form.htm
            |     
            |         
            |---- images
                       |- pink_fabric.gif
                       |- yellow_fabric.gif
                       |- yourimage.jpg

• Grading Points
  
  
• (5 points) Please update your default document (index.html) to link to this file, and link this to your default document.
• (5 points) Make sure you have a meaningful title, background color/image, and control text colors
  
  Verify you have ONLY ONE <form ...> tag, and one </form>
  
  
• (5 points) at least one working radio button
• (5 points) at least one working checkbox
• (5 points) at least one working select, such as a dropdown menu
• (5 points) at least one working text area or text box
• (5 points) working submit button
  <input type="submit" value="Submit">
  (this is the last thing before </form> )
• (5 points) properly coded
• (How to check for HTML errors)

Part 3: Hands On (30%): Be prepared to show the functionality of your web page, and discuss/demonstrate new tags and attributes used in this lab

You may download an acrobat or word processing document to help you with this.

At the end of this process, you will be turning in answers using the Quizzes area of Desire2Learn, based on the following questions. So, to get the best score, fill in all the answers in this document first.

Posers, could you answer the following on the test? (Specific Lab questions below.)

Answer the following questions. (6 points each)

1. Why do you name values?
2. Describe the different form tools, such as radio, checkbox, etc.
3. Why might you use select instead of input?
4. What does <form action=" "...> do?
5. What does <form method=" "...> do?
6. What usually goes at the end of a form?