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? |
|
| To add a radio button to your web page using Dreamweaver, you can choose Insert, Form Objects, Radio Button from the main menu. |
|
|
|
|
||
| You can also click on the Insert Radio Button button on the Forms Object Panel. |
|
|
| 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. | ||
![]() |
||
| 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. | ||
| 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
Web Design Center
Last Revised:
September 22, 2002
© Agatha Taormina