Codesupplier.com

free html codes for your website

Option forms

Option forms come in very handy when you are running an online business. They are great for users to specify what they want. These option forms come in two formats; check boxes or radios.

The below code contains both check boxes and radios. You can add/delete how many you want of each by looking below.

Select an option:
Option 1 Option 2 Option 3

Select an option:
Selection 1 Selection 2 Selection 3

1. To add or delete a radio simply add or delete this: <INPUT type="radio" name="option"> Option 1

------------

2. To add or delete a checkbox simply add or delete this: <INPUT type="checkbox" name="selection"> Selection 1

-------------

3. In blue below you should notice that CHECKED has been placed next to the name. If CHECKED is placed next to the name the box, the browser will check that box (like in the example above).

----------- 

HTML Code:

 <FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2
<INPUT type="radio" name="option"> Option 3
<BR>
<BR>
Select an option:<BR>
<INPUT type="checkbox" name="selection"> Selection 1
<INPUT type="checkbox" name="selection" CHECKED> Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>

 

< Go Back to Form List