Articles → HTML → Select Element In HTML

Select Element In HTML

In this article, we will discuss the ‘select’ element in HTML.

Purpose

The purpose of the ‘select’ element is to display a drop-down.

Syntax

<select>
	<option>option 1</option>
	<option>option 2</option>
	<option>option 3</option>
   ..
   ..
   ..
   
	<option>option n</option>
</select>

Here option tag defines the elements in the drop-down.

Example

<html>
	<head>
		<title>select Demo</title>
	</head>
	<body>
		<form>
        Fruits:
        
        <select>
          <option>Banana</option>
          <option>Apple</option>
          <option>Orange</option>
        </select>
		</form>
	</body>
</html>

Try It

Output

Click to Enlarge

Browser Support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
Yes	Yes	Yes	Yes	Yes	Yes

Posted By -	Karan Gupta

Posted On -	Sunday, November 6, 2016

Updated On -	Sunday, December 3, 2017

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**