 Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us
Email Support
Email Contact
|
 |
|
Introduction
A check box is a box on a web page that can be checked by a user. Unlike a radio button, more than one box can be checked
at once, allowing your visitors to make multiple selections.
Check Box
The tag to put a check box on your web site is <INPUT TYPE="CHECKBOX" NAME="XXXX" VALUE="X">. XXXX is replaced with the name of
the check box. X is replaced with the value, which is what will be sent to the CGI script if that box is selected.
|
index.html - Notepad |
....<BODY>
<FORM METHOD="POST" ACTION="script.cgi">
<INPUT TYPE="CHECKBOX" NAME="btn1" VALUE="good">
<INPUT TYPE="CHECKBOX" NAME="btn1" VALUE="bad">
</FORM>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Automatically Selected
Automatically selecting a check box means that a box is already selected when the user loads the page.
To automatically select a check box, add the line
CHECKED to the <INPUT TYPE="CHECKBOX" NAME="XXXX" VALUE="X"> tag so the final result looks like
<INPUT TYPE="CHECKBOX" NAME="XXXX" VALUE="X" CHECKED>.
|
index.html - Notepad |
....<BODY>
<FORM METHOD="POST" ACTION="script.cgi">
<INPUT TYPE="CHECKBOX" NAME="btn1" VALUE="good" CHECKED>
<INPUT TYPE="CHECKBOX" NAME="btn1" VALUE="bad">
</FORM>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Disable Check Box
Disabling a check box means that the box is grayed out and is unable to be edited by the user.
To disable a check box, add the line
DISABLED to the <INPUT TYPE="CHECKBOX" NAME="XXXX" VALUE="X"> tag so the final result looks like
<INPUT TYPE="CHECKBOX" NAME="XXXX" VALUE="X" DISABLED>.
|
index.html - Notepad |
....<BODY>
<FORM METHOD="POST" ACTION="script.cgi">
<INPUT TYPE="CHECKBOX" NAME="btn1" VALUE="good" DISABLED>
<INPUT TYPE="CHECKBOX" NAME="btn1" VALUE="bad">
</FORM>
</BODY>....
|
|
|
My Homepage - Microsoft Internet Explorer |
|
|
Test Your HTML
|
|
