Start Basics Color Forms Frames Images Links Lists Tables Type

 

Forms: Dreamweaver 4
Create Radio Buttons

The radio button is a form element that allows the user to select only one of a number of offered choices.

The term "radio button" refers to the fact that you can choose to press only one button (i.e., listen to only one station) at a time on a car radio.

Because you always display more than one radio button in a form item, you will create a name for the radioset, i.e, the set of buttons that make up the choices for the form item.

Moreover, each individual radio button tag requires a VALUE.

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

In what county do you  live?
Arlington   Fairfax   Loudoun    Prince William

To add a radio button to your web page using Dreamweaver, you can choose Insert, Form Objects, Radio Button from the main menu.


Form Objects Dropdown Menu

You can also click on the Insert Radio Button button on the Forms Object Panel.

Insert Radio Button button
Insert Radio Button 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 radio button must be placed within a form field.

Click on Yes.

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

Notice that when you insert a radio button the Property Inspector displays the attributes of that form element.
Radio Button Property Inspector
Here you can specify the properties of the radio button.
In the RadioButton text box replace the default radiobutton with a word that will describe the information in the set of radio buttons.   (In the example above, the radioset might be called county).
In the Checked Value text box fill in the name of the value for that particular button.  Usually you will assign a value to the button that is the same as the name users select when they choose that particular radio button. (In the example above the value for the first radio button would be arlington).
Repeat the process for the remainder of the radio buttons in the radioset.

Choose Checked in the Initial State section on the right of the Property Inspector if you wish a particular radio button 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 22, 2002
© Agatha Taormina