:: code war·ri·or                    
                   

Input Fields

Check Boxes

Check boxes let your visitor give a Yes or No answer to a question or option - again, you'll need to use the INPUT tag.

<INPUT TYPE="CHECKBOX" NAME="Farscape" CHECKED>Do you like Farscape??

Do you like Farscape?

NAME is again the field name, and adding CHECKED to the tag means that the checkbox is checked by default. For an unchecked box, leave the CHECKED out.

You'll need to put any captions outside the INPUT tag, as I've done in the example. This applies to all form controls.

Radio Buttons

You might also know radio buttons by their more descriptive name of option buttons. These let your visitor choose from a range of options for one field. For example, you may have a field asking the user their favourite colour. You could use option buttons to give them a choice of colours to select.

<INPUT TYPE="radio" NAME="COLOUR" VALUE="Red" CHECKED>Red<BR>
<INPUT TYPE="radio" NAME="COLOUR" VALUE="Green">Green<BR>
<INPUT TYPE="radio" NAME="COLOUR" VALUE="Blue">Blue

Red
Green
Blue

Make sure that the field name is the same in each tag. The value of the VALUE attribute of the selected option will be sent to the form handler along with the field name. So if the default option (shown with the CHECKED attribute) is selected, your e-mail will show something like "COLOUR: Red".

Password Fields

Remember the text box? The password box is just like that, except that all the characters appear as asterisks on the screen, although you get the actual value submitted to your form handler.

<INPUT TYPE="PASSWORD" NAME="Password" SIZE="30" MAXLENGTH="40">

You can use this control for password fields.


· code-warrior
· HTML Tutorials
· Forms


Quick Links
· Form Basics
· Text Fields
· Input Fields
· Selections & Buttons



SHOP
· Books @ Amazon
· Software @ Amazon

Please send any comments to
This HTML guide is a free resource
© Code Warrior 2002

  

:: made on a mac