HTML Select

HTML Selection Forms and Drop Down Lists

Drop down lists are the basic selection forms. You have probably seen them already on the internet, maybe filling out a personal profile and selecting the state in which you live. Drop down lists have several options a user can select.

<select>

<option>California -- CA</option>

<option>Colorado -- CO</option>

<option>Connecticut -- CN</option>

</select>

 

HTML Selection Forms

We use the size attribute to break out from the single displayed drop down list.

<select size="3">

<option>California -- CA</option>

<option>Colorado -- CO</option>

<option>Connecticut -- CN</option>

</select>

 

HTML Selecting Multiples

We can further add to our selection forms by adding the multiple attribute. This allows the user to select more than one entry from your selection forms. Obviously this attribute does not work with the single drop down lists.

<select multiple="yes" size="3">

<option>California -- CA</option>

<option>Colorado -- CO</option>

<option>Connecticut -- CN</option>

</select>

 

Now the user may select any or all states that apply to them.