<select> tag

HTML <select> tag

In HTML document , the <select> tag element defines a drop down list.

It is mandatory to set at least one option for the drop down list.

So, you should code <option> tag inside this tag to display the list of options for the drop down.

Syntax:
<select> Content…</select>

Example

<select name="Mobiles">
  <option value="SONY">SONY</option>
  <option value="APPLE">APPLE</option>
  <option value="HTC">HTC</option>
  <option value="NOKIA">NOKIA</option>
  <option value="SAMSUNG">SAMSUNG</option>
  <option value="MOTOROLA">MOTOROLA</option>
</select>

How Browser will display

INLINE.

Difference between HTML4.01, XHTML and HTML5

In HTML5, there are some additional attributes. These are –

  • form
  • autofocus
  • required

Attributes used with <select> tag

Attribute Description
autocomplete Defines whether form should have autocomplete on or off.
autofocus Added in HTML5.
It defines that when page loads elements should get focus.
disabled It defines that specified element is disabled.
form Added in HTML5.
The form attribute defines one or more forms for the elements belong to.
multiple It describes that given multiple option can be selected at a time.
name Sets a name for the drop-down.
required Added in HTML5.
Informs the browser that the user must select a value for this field
size It describes the number of visible options.

Global Attributes

The <select> tag supports Global attributes.

Event Attributes

The <select> tag supports Event attributes.

Supporting Browsers

supporting-browsers for tags

Related Tags

<option> & <optgroup> tags.

Tutorials for all brains!