untitled
viviti
 HTML Amigo HomeHome
 HTML
   Introduction to HTML
   Using Notepad
   General Form
   Meta Tags
   Text Formatting
   Lists
   FTP
   Links
   Tables
   Images/Multimedia
   Frames
   Forms
     General Form
     Text Boxes
     Checkboxes
     Radio Buttons
     Dropdowns
     Textarea
     A Note About Forms
   Style Sheets
   Javascript
   Web Hosting
   Special Characters
   Glossary
 Help Forums
   HTML Help Forum
Fast connection
   HTML Help Forum
Slow connection
 Extra (Important) Stuff
   Comments
   Link To Us
   Web Tools
   Resources
   The Poll Page


Making Radio Buttons

      In this tutorial you will be able to make radio buttons. Radio buttons only allow you to select one answer. They got there name from old cars which had preselected radio stations on them. You could only select one at a time. Interesting.

The < INPUT> Tag

      In this scenerio the Type property is RADIO

Radio Buttons take this form (almost like checked boxes):

< INPUT TYPE = "RADIO" Name = "samename" VALUE = "Value">
< INPUT TYPE = "RADIO" Name = "samename" VALUE = "Value">
< INPUT TYPE = "RADIO" Name = "samename" VALUE = "Value">

Properties of the radio button:



TYPE = "RADIO"
CHECKED
VALUE="value"
Name = "name"
Cool!! I'm a Radio Button
Allows you to select a choice by default
Value sent to the CGI script
Name of the check box sent to the script


The Code


The Result

Which Food Is Your Favorite?

Pizza
Jerk Chicken
Ice Cream
FOR DEMONSTRATION ONLY!!

Looking at the code we notice:

  1. We must put something after the radio button to let the visitor know what it is.
  2. If you insert CHECKED into the Input tag it will select that choice by default.
  3. The name always stays the same.
  4. Don't forget to fill in The VALUE and NAME properties.
Rate Tutorial:
12345
Rated: 0 out of 5
Votes: 0
Free Email Forms from Bravenet.com

That is the end of Radio Buttons. Continue on to Dropdowns



© HTML Amigo 2005


Web Hosting · Blog · Guestbooks · Message Forums · Mailing Lists
Easiest Website Builder ever! · Build your own toolbar · Free Talking Character · Email Marketing
powered by a free webtools company bravenet.com