select 元素创建用户选择的选项列表。
select 具有局部属性: name，disabled，form，size，multiple，autofocus，required 。它可以包含 contentsoption和 optgroup 元素。
HTML5中的form，autofocus 和 required属性是新增的。
name，disabled，form，autofocus 和 required 属性与输入元素的工作方式相同。
size 属性指定要向用户显示的选项数。
multiple属性允许用户选择多个值。
您可以使用option元素来定义要向用户显示的选项。
以下代码显示如何使用select和option元素。
<!DOCTYPE HTML>
<html>
<body>
<form method="post" action="http://example.com/form">
<p>
<label for="fave"> Favorite Fruit:
<select id="fave"name="fave">
<option value="A" selected label="Apples">Apples</option>
<option value="B" label="Batch">Batch</option>
<option value="C" label="C">C</option>
<option value="S" label="SQL">SQL</option>
</select>
</label>
</p>
<input type="submit" value="Submit" />
</form>
</body>
</html>您可以使用select元素上的size属性向用户显示多个选项，并使用multiple属性允许用户选择多个选项。
<!DOCTYPE HTML>
<html>
<body>
<form method="post" action="http://example.com/form">
<p>
<label for="fave" style="vertical-align: top"> Favorite
Fruit: <select id="fave" name="fave" size="5" multiple>
<option value="a" selected label="Apples">Apples</option>
<option value="o" label="Oracle">Oracle</option>
<option value="c" label="C">C</option>
<option value="p" label="Pascal">Pascal</option>
</select>
</label>
</p>
<input type="submit" value="Submit" />
</form>
</body>
</html>您可以使用select元素上的 size 属性向用户显示多个选项，以及允许用户的多个属性以选择多个选项。...
它具有局部属性:label，disabled和包含option元素。
您可以使用 optgroup 元素将option元素分组在一起。
label 属性允许您为已分组的选项创建标题。
disabled 属性使选项元素不可选。
以下代码显示正在使用的optgroup元素。
<!DOCTYPE HTML>
<html>
<body>
<form method="post" action="http://example.com/form">
<p>
<label for="fave" style="vertical-align: top"> Favorite
Fruit: <select id="fave" name="fave">
<optgroup label="Top Choices">
<option value="apples" label="Apples">Apples</option>
<option value="oranges" label="Oranges">Oranges</option>
</optgroup>
<optgroup label="Others">
<option value="cherries" label="Cherries">Cherries</option>
<option value="pears" label="Pears">Pears</option>
</optgroup>
</select>
</label>
</p>
<input type="submit" value="Submit" />
</form>
</body>
</html> optgroup 标签仅用于结构;用户不能选择这些值作为值。
以下代码显示了如何使用disabled选项创建选项组。
<html>
<body>
<form action="" method="get" name="frmInfo">
Please select the product you are interested in:<br /> <select
name="selInformation">
<option disabled="disabled" value="">-- Hardware --</option>
<option value="Desktop">Desktop computers</option>
<option value="Laptop">Laptop computers</option>
<option disabled="disabled" value="">-- Software --</option>
<option value="OfficeSoftware">Office software</option>
<option value="Games">Games</option>
<option disabled="disabled" value="">-- Peripherals --</option>
<option value="Monitors">Monitors</option>
<option value="InputDevices">Input Devices</option>
<option value="Storage">Storage</option>
</select> <br />
<br />
<input type="submit" value="Submit" />
</form>
</body>
</html>
HTML Metermeter元素显示在可能值范围的上下文中显示的值。它具有局部属性: value，min，max，low，high，optimum，form 。min和...
HTML统一资源定位器 (Uniform Resource Locators) URL 是一个网页地址。URL 可以由字母组成，如 ".cn"，或互联网协议（IP）地址...
HTML 图像使用img标签定义 HTML 页面中的图像。img标签有两个必需的属性：src和alt。 实例h2挪威山旅行/h2img src="/statics/i...
显示或隐藏我们可以通过使用visibility属性或display属性来显示或隐藏元素。要隐藏元素，请将display属性设置为“none”或将visi...
CSS 水平对齐 (Horizontal Align) 关于 CSS 中元素的水平对齐 (HorizontalAlign)，你可以使用多种属性来进行设置。 在CSS中，有...
很多 CSS 初学者在前端开发过程中，经常会用到CSS虚线样式，但是不知道CSS虚线样式该如何实现，比如一个CSS这样写：border-sty...
CSS Padding（填充）CSS Padding（填充）属性定义元素边框与元素内容之间的空间。 Padding（填充） 当元素的 Padding（填充）（...
