Start Basics Color Forms Frames Images Links Lists Tables Type

Forms: Dreamweaver 4
Create Check Boxes

The Check Box A check box is a form element similar to a radio button except that it allows users to make more than one choice in the offered list.

The checkbox tag requires a VALUE for each possible choice.

VALUE refers to the actual data being collected.

The VALUE attribute identifies the information gathered when a user specifies a particular choice from a list provided by you.

Example
Check all that apply:     Full-time    Part Time  
Day  Evening   Day and Evening
To add a check box to your web page using Dreamweaver, you can choose Insert, Form Objects, Check Box from the main menu.

Form Objects Dropdown Menu
You can also click on the Insert Checkbox button on the Forms Object Panel.

Insert Checkbox button
Insert Checkbox button

If you have not already created a form field to hold your form element, a dialog box will appear and you will be asked whether you want to add a form tag to your page.
Add Form Tag?
To function, a check box must be placed within a form field.

Click on Yes.

Your check box will appear and be surrounded by a dotted red line. This dotted line delineates the form field.

Notice that when you insert a check box the Property Inspector displays the attributes of that form element.
Checkbox Property Inspector
In the CheckBox text box on the far left fill in a description of the information you are gathering. (In the example above, the name might be called status).
In the Checked Value text box in the center of the Property Inspector fill in the name of the value for that particular check box.  Usually you will assign a value identical to the term users select when they choose a particular check box. (In the example above the value for the first check box would be fulltime).
Repeat the process for the remainder of the check boxes in this section of the form.

Choose  Checked in the Initial State section on the far right of the Property Inspector if you wish a particular check box choice to be pre-selected.

Forms: Dreamweaver 4
Overview
Create a Form
Create Text and Password Boxes
Create Radio Buttons
Create Check Boxes
Create a Drop-Down Menu
Create a Scrolling Text Box
Create the Reset and Submit Buttons

 

Start Basics Color Forms Frames Images Links Lists Tables Type

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 2, 2001
© Agatha Taormina