XHTML 下拉列表|菜单 select标签_HTML教程

<select> 下拉列表选择框

<select></select> 标签定义下拉列表/菜单。下拉列表只允许选择内容项中的一项：

<select name="area">
<option value="">请选择</option>
<option value="bj">北京</option>
<option value="tj">天津</option>
<option value="sh">上海</option>
<option value="other">其他</option>
</select>

显示效果如下：

<option> 标签

<option></option> 标签定义下拉列表中的一个选择项，该标签位于 <select> 内。

<option> 的 value 属性表示该选项的值，该值被提交至表单处理文件。而标签内的元素内容是显示给用户看的值。

<select> 菜单选择框

当 <select> 定义 size 属性时，则表现为菜单形式，此时可以选择一项或多项：

<select name="area" size="3">
<option value="bj">北京</option>
<option value="tj">天津</option>
<option value="sh">上海</option>
<option value="other">其他</option>
</select>

显示效果如下：

size 属性的值即为显示区域可见的项目数，如果允许多选，需要定义 multiple="multiple" 属性：

<select name="area" size="3" multiple="multiple">

允许多选时，可以按住 Ctrl 键，同时点击选择项进行多选，或者按住 Shift 进行连续多选。