<SELECT>

The SELECT element creates a select-list or drop-down input control. When you specify the MULTIPLE attribute, the user may select more than one choice by holding down the CTRL key and clicking multiple choices.

Since a drop-down only allows one choice to be selected, when you declare the SELECT input as MULTIPLE, it will be rendered as a select list and you should specify the SIZE (indicating the total number of choices visible at one time.

The end tag for this element is required.

Attributes

Attribute Description ID Identifies this tag to reference in script (program code) CLASS Define the class used to render this element (defined by a style sheet) TITLE A title that is associated with the element (displayed as a tooltip in Internet Explorer) NAME The form name that will be used to pass values to the submit page. MULTIPLE This boolean attribute indicates that the user should be allowed to select multiple elements. They can select from 0 up to the total number of choices by holding down the CTRL key while choosing items. SIZE For a MULTIPLE SELECT element, indicates the total number of choices visible at one time.

Example

<FORM ACTION="selectexample.php" METHOD="post">
   <P>
   <SELECT MULTIPLE SIZE="4" NAME="component-select">
      <OPTION SELECTED VALUE="Component_1_a">Component_1</OPTION>
      <OPTION SELECTED VALUE="Component_1_b">Component_2</OPTION>
      <OPTION>Component_3</OPTION>
      <OPTION>Component_4</OPTION>
      <OPTION>Component_5</OPTION>
      <OPTION>Component_6</OPTION>
      <OPTION>Component_7</OPTION>
   </SELECT>
   <INPUT TYPE="submit" VALUE="Send"><INPUT TYPE="reset">
   </P>
</FORM>

Renders As:

Component_1 Component_2 Component_3 Component_4 Component_5 Component_6 Component_7

Compatibility

HTML 4.01