XHTML 下拉列表|菜单 select标签

<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 进行连续多选。

本章节内容共分 5 部分:

  1. 1. XHTML 表单 form 标签
  2. 2. XHTML 表单元素 input 标签
  3. 3. XHTML Get与Post
  4. 4. XHTML 多行文本输入 textarea标签
  5. 5. XHTML 下拉列表|菜单 select标签

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程