Using forms on Web pages offers students ways to interact with your web course pages and test their knowledge. Forms can be used to collect data (assignments and surveys) or they can be used to auto-check answers (quizzes).

Forms - Dreamweaver - a software option

What kinds of forms and quizzes can I create?

1. Forms that give immediate feedback. (self checking)
2. Forms that submit information to your email.

Option: Use a template

Quiz Type	Submission	Auto-check
Fill in the blank	Submit form	Check form
Multiple Choice (one answer correct)	Submit form	Check form
Check All  (more than one answer correct)	Submit form	Check form
Fill in text	Submit form	.

Customizing the template

Open a template quiz from the above selections. Click ona button, box or field and and you will be able to see the parts described below.

Indicate the Form Action

Using your webpage editor (Dreamweaver) click on the thin red line that encloses the quiz. or click <form> in the bottom status bar or your window.

       or       

Enter: http://www.smccd.net/common/mail.asp into the Properties dialog box.

Labeling Forms

Text Fields & Text Forms 
(Also see Making Forms Accessible". http://www.smccd.net/accounts/ctl/websavvy/access_508.html#n  )

Label each "text field"or "text area" with a unique name. (lower case; no spaces)

Radio Buttons & Checkboxes

Send forms require 1) Name and 2) Checked Value information.

Self-check forms require 1) Name, 2) Checked Value and 3) Tag editing

Open this quiz and click on any radio button and and you will be able to see these values in the Properties window. mulitiple choice

Click on the Edit Tag and you will see our special "onclick" action that does the "checking" in the self-check quizzes.

onclick="(form.hints1.value='*Campus resources centers are available on all three campuses.')">

Which means = show this sentence '. . .' in hint box 1 whenever the user clicks my radio button.

*When entering text in the value= line, do not use: ' "( ) & as part of your text.

To use a single quote or apostrophe as is found in the word don't , enter a backslash before the apostrophe: don\'t The backslash tells JavaScript to treat the following character, the single quote, as a literal, that is, as nothing more than a quotation mark, and not to treat it as a closing quote.

Adding Other Form Objects

Additional buttons, radios, boxes and text fields can be added using "Insert" in your file menu.

A webpage form requires: A Form Area (the thin red line into which you place the buttons, boxes and text fields) "The action is happening inside this red box"   Form Objects (radios, checkboxes, text fields, list/ menu, image fields and hidden fields) "Click your selections"   A Form Action (submit / send button, check button, reset button) "Grab the above selections and do this!"

SMCCD Server Form Actions

Within our district, the following form actions can be used to create a server-side form which doesn't require the user to have a configured email client.  This works well with AOL users too.

Form action http://www.smccd.net/common/mail.asp as the form action

Add two hidden fields (for "Send" forms)

Hidden Field 1   Name = to    Value= (your email address) smithj@smccd.edu (no "mailto" needed)

Hidden Field 2   Name = redirect      Value= http://www.smccd.net/accounts/yourname

Optional:  Other hidden fields can be added at the top of the quiz to indicate assignment name and type, due date, answers to questions, etc.

Hidden Field 3    Value= Homework     Value= Chapter 3 Review