To form developers:

Copy the code of the template below. To add more lines, copy a question and renumber the "name", "id", and "tabindex" in the code. (No two forms may have the same "name" or "id". ) Make sure you copy the Javascript code before your </HEAD> tag.  Please note accessibility tags:   id=" ", tabindex=" " and <label>.  Accessibility Exampes-Forms

 

 

Sample Multiple Choice Quiz "Send"

 

Online Class Preparation

Basic hardware and software are needed for participation in an online class. This quiz will help your instructor determine whether you have the basics or whether you need referral to campus resource centers.

1. I have access to a computer connected to the internet:

at home.
at a friend's house.
at work.
at a campus resource center.

 

2. The operating system that my computer uses is:

MAC


OSX 10.4 - the current operating system

PC (IBM Compatible)


Windows XP

 

3. The modem I will use operates at:

(Dial Up)
(Broadband)

 

4. My access to the internet is:


  About Internet Access

  

5. The browser that I use to access the web is: 







  Get a browser

 

 

 

Action Options

JavaScriptAction: mailto:yourname@youremail.net

CGI Action: http://www.smccd.net/common/mail.asp (Use this if any students will be using Hotmail or any other form of webmail)

(Dreamweaver - Click the red form area to enter the above options in the Properties Box) . instructions


 

Hidden Fields  (instructions for staff in the San Mateo Community College District)

hidden fields

There are two hidden fields next to the "send" button.

Name: to    Value: (your email address (where this form will be directed to)

Name: redirect    Value: (the URL you want the user to be redirected to after submitting)

 

Radio Button Naming Options

In the survey above, each radio button above is named with a number q1a, q1b, q1c; q2a, q2b q2c, etc.

The responses in your email will look like:  

hidden=Lesson1_assign1 (insert a hidden field so that you know which lesson has been sent to you)

name=Jane Doe

email=doej@hotmail.net

q1=at home

q2= Windows 98

q3=56K modem

 

 Note that q1, q2, q3 tells you nothing about what the question/prompt on the webpage is.

Tip:

Rename the radion buttons.

Advantage: the sumission is faster to correct

Disadvantage: a clever student could view the page source in the browser

Work-around 1

Naming radios using the question /prompt

Work-around 2

Naming radios using the corresponding answers

(for surveys)

survey=personal_computing_system (insert a hidden field so that you know which assignment or survey has been sent to you)

name=Jane Doe

email=doej@hotmail.net

workplace=at home

opersys= Windows 2002

modemspeed=cable modem

(for quizzes)

assign=Lesson1_assign1 (insert a hidden field so that you know which lesson has been sent to you)

name=Jane Doe

email=doej@hotmail.net

at home=at home
(The student selected the radio button "at home". Both items match so you would know the answer is correct.)

opersys= cablemodem
(you can quickly see the answers don't match)

 

 

Dreamweaver field name

 

 

Top | Forms| |Send Interactions | Self-check Interactions

 

 

Centers for Teaching and Learning
San Mateo Community College District
Updated   9/25/05