HTML and CSS Reference
In-Depth Information
The
<select>
element allows the user to
select from predefined options. It's nor-
mally a drop-down list (top), but you
can also use the
size
attribute so that
more than one option shows (bottom):
<select size="3">
<option selected>Option 1
</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<textarea>abc</textarea>
An alternative to the
<select>
element is
the use of radio buttons. These are
another type of
<input>
element, but, in
normal circumstances, there's more than
one in a set. They're linked by having
the same value for their
name
attribute:
<label for="exradio1">Radio 1: </label>
<input type="radio" id="exradio1"
name="exradio">
<label for="exradio2">Radio 2: </label>
<input type="radio" id="exradio2"
name="exradio">
<label for="exradio3">Radio 3: </label>
<input type="radio" id="exradio3"
name="exradio" selected>
Within a set of radio buttons, only one
can be selected at a time. If you want the
user to be able to select multiple items,
you can use either the
<select>
element
or a set of check boxes:
<label for="excheckbox1">
Checkbox 1:
</label>
<input type="checkbox"
