Html forms Chapter html forms Table of Contents

Example 2 

 

                     

 

This is achieved with: 

 

Do you agree that the Earth orbits the Sun?

 

Strongly agree
 

Agree
 

No opinion
 

Disagree
 

Strongly 

disagree
 

 

The tag and its attributes are as follows. 

 

 is the tag used for most of the form objects. 

 

type="radio" sets the object to a radio button. 

 

name="orbits"  labels  the  entire  set  of  radio  buttons.  This  makes  identifying  the  data  easier.  For example 

if  the  radio  button  was  for  the  question  'Do  you  own  an  automobile?',  you  might  set 

name="automobile" 

 

VALUE=... With a set of radio buttons for one question, it is not enough to provide a name only. We need to 

give each radio button a value so that the form-processing software (CGI script or email) can determine which 

radio button has been selected. This is where the value attribute comes in. Each  of the values above is set to 

the answer for that radio button. This information is sent with the data when the form is submitted. Hence, the 

form in the above figure would submit orbits=strongly_agree. 

 

CHECKED This  has not been used in the above example. If it  were included, the button is set as if it had 

been clicked. This is useful is one choice should be made the default. 

 

To Do 

Read about Radio Buttons in your textbooks.