HTML select标签 - 珊瑚贝

本文概述

属性
支持的浏览器

HTML <select>标记用于创建具有多个选项的下拉列表。 <option>元素嵌套在<select>标记内, 用于定义列表中的选项。

<optgroup>元素可用于对列表中的相关选项进行分组。

如果要将数据发送到服务器, 请在<form>元素内使用<select>标记。

句法

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

以下是有关HTML <select>标记的一些规范

Display	Inline
开始日期/结束日期	开始和结束标签
Usage	Input

例

<!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	它指定select所属的一种或多种形式。
multiple	multiple	如果设置, 则用户可以从列表中选择多个选项。
name	name	它确定下拉列表的名称。
required	required	如果指定, 则用户必须在提交表单之前选择该字段。
size	number	它指定列表中选项的可见数量。