HTML Tutorial
HTML Attributes
- html-global-attributes
- html-event-attributes
HTML Tags List
HTML5 Advance
HTML API
HTML Color Names
- html-color-names
HTML Misc
MCQ
- html-mcq
Interview Questions
- html-interview-questions

HTML

HTML tag for defining options in a list.

The element can be used for grouping related options in a list.

If you want to send data to server then use

Syntax

<select>
     <option></option>
 </select>

Following are some specifications about the HTML

Display	Inline
Start tag/End tag	Both Start and End tag
Usage	Input

Example

<!DOCTYPE html>
<html>
<head>
	<title>HTML select Tag</title>
	<style>
		.img{
			background-image: url("india.jpg");
			background-size: cover;
			background-position: center;
			height: 100%;
			width: 100%;
			background-repeat: no-repeat;
			 position: fixed;
			 top: 0;
			 left: 0;
			 }
	</style>
</head>
<body>
	<div class="img">
 <h2>Example of select tag</h2>
 <form>
 	<label>Choose your Favorite city in India</label>
 	<select>
 		<option>New Delhi</option>
 		<option>Indore</option>
 		<option>Jaipur</option>
 		<option>Jodhpur</option>
 		<option>Chandigarh</option>
 		<option>Mumbai</option>
 		<option>Bengaluru</option>
 		<option>Lucknow</option>
 		<option>Amritsar</option>
  </select>
 </form>
</div>
</body>
</html>

Test it Now

Output:

Attribute:

Tag-specific attributes:

Attribute	Value	Description
autofocus	autofocus	This attribute let automatically focused the drop-down list on page load.
disabled	disabled	It is used to disable the control and user cannot interact with the drop-down list.
form	form-id	It specifies one or more forms, to which select belong to.
multiple	multiple	If it sets then a user can select multiple options from the list.
name	name	It determines the name for the drop-down list.
required	required	If it specified, user must select that field before submitting the form.
size	number	It specifies the visible number of options in the list.