content logo

Learn HTML:

Html select tag

The HTML <select> tag is used within a form for defining a select list.

 Example

<!DOCTYPE html>
<html>
<head>
<title>HTML select Tag</title>
</head>
<body>
<form action="/cgi-bin/dropdown.cgi" method="post">
<select name="dropdown">
<option value="Data Structures" selected>Data Structures</option>
<option value="Data Mining">Data Mining</option>
</select>
<input type="submit" value="Submit" />
</form>
</body>
</html>

Specific Attributes

The HTML <select> tag also supports following additional attributes:

Attribute Value Description
autofocus  autofocus Specifies that on page load the drop-down list should automatically get focus.
disabled 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.
form  form_id Specifies one or more forms.
multiple multiple When set, it specifies that multiple items can be selected at a time
name name Assigns a name to the input control.s
required  required Before submitting the form the user is required to select a value, else it won't proceed ahead.
size number Defines the number of visible items in the drop-down list

 

#

HTML Select Example

#

HTML Select Code

#

HTML Select Tutorial