HTML <select> 标签用于创建具有多个选项的下拉列表。<option> 元素嵌套在 <select> 标签内，用于定义列表中的选项。
<optgroup> 元素可用于对列表中的相关选项进行分组。
如果要将数据发送到服务器，请在 <form> 元素中使用 <select> 标记。
<select> <option></option> </select>
以下是关于 HTML <select> 标签的一些规范
| 展示 | 排队 |
| 开始标签/结束标签 | 开始和结束标签 |
| 用法 | 输入 |
<!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>输出：
| 属性 | 价值 | 描述 |
|---|---|---|
| autofocus | autofocus | 这个属性让下拉列表自动聚焦在页面加载上。 |
| disabled | disabled | 它用于禁用控件，用户无法与下拉列表交互。 |
| form | form-id | 它指定了一个或多个选择所属的表单。 |
| multiple | multiple | 如果设置，则用户可以从列表中选择多个选项。 |
| name | name | 它确定下拉列表的名称。 |
| required | required | 如果指定，用户必须在提交表单之前选择该字段。 |
| size | number | 它指定列表中选项的可见数量。 |
<select> 标签支持 HTML 中的全局属性。
<select> 标签支持 HTML 中的事件属性。
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <select> | Yes | Yes | Yes | Yes | Yes |