HTML select Tag
The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.
The HTML select tag is used for defining a select list.
Also see HTML optgroup tag for grouping your option items.
| Example |
<select>
<option value ="sydney">Sydney</option>
<option value ="melbourne">Melbourne</option>
<option value ="cromwell">Cromwell</option>
<option value ="queenstown">Queenstown</option>
</select>
|
| Attributes: |
| Attributes specific to this tag: |
| Attribute | Description |
| name | Assigns a name to the select list. |
| size | Specifies the number of rows to be visible at the same time. |
| multiple | Specifies that multiple selections can be made. |
| Other Attributes: |
| Attribute | Description |
| class | Document wide identifier. |
| id | Document wide identifier |
| dir | Specifies the direction of the text |
| lang | Language code |
| style | Inline style (CSS). |
| title | Specifies a title to associate with the element. |
| tabindex | Helps determine the tabbing order (when the user 'tabs' through the elements on the page). |
| disabled | Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing. |
| onclick | Intrinsic event (see event handlers) |
| ondbclick | Intrinsic event (see event handlers) |
| onmousedown | Intrinsic event (see event handlers) |
| onmouseup | Intrinsic event (see event handlers) |
| onmouseover | Intrinsic event (see event handlers) |
| onmousemove | Intrinsic event (see event handlers) |
| onmouseout | Intrinsic event (see event handlers) |
| onkeypress | Intrinsic event (see event handlers) |
| onkeydown | Intrinsic event (see event handlers) |
| onkeyup | Intrinsic event (see event handlers) |
|
| Try it yourself! |
|
Also see the HTML 5 version of HTML tags
Enjoy this website?
- Share
- Add this page to your Favorites
- Link to this page (copy/paste into your own website or blog):
- Link to Quackit using one of these banner ads.
- Help support Quackit by making a donation
Oh, and thank you for supporting Quackit!