<select> - 下拉列表

首页 > HTML标签 > <select>

■ 摘要

项目说明
形式<select>~</select>
支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:必须
可包含元素optgroup / option

■ 说明

<select> 是下拉列表。列表中的每一个选择项目都用 <option> 表示。

■ 属性

【重要属性】
属性意义
name=name指定名字。

【特性】
属性意义
align=aligne4+。指定对齐的位置。
autofocusH5+。自动设置焦点。
form=idH5+。指定想关联的 form 元素的id。
disabledH4+/e4+/N6+。使此元素无效,变成无法输入状态。
multipleH2+/e2+/N2+。使此元素可选择复数行的项目。Windows 里按住 Ctrl 键或者 Shift 键再用鼠标点击可选择复数行。
size=nH2+/e2+/N2+。此元素在页面上显示选择项目的行数,通常为 1。有些浏览器的显示效果不一样。
requiredH5+。表示此信息为必须。

【数据绑定相关属性】
属性意义
datafld=dataflde4+。指定数据绑定时的数据源的列名。
datasrc=datasrce4+。指定数据绑定时的数据源的ID。

【一般属性】
属性意义
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
style=styleH4+/e3+/N4+。指定样式。
title=titleH4+/e4+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH5+/e4+。指定快捷键。
tabindex=nH4+/e4+/N6+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<form>
 <div>
  <select name="OS">
   <option value="WIN">Windows
   <option value="MAC">Macintosh
   <option value="UNIX">UNIX
   <option value="OTHER">其他
  </select>
 </div>
 <div>
  <select name="BROWSER" size=3>
   <option value="IE5">Internet Explorer· 6.X
   <option value="IE4">Internet Explorer 7.X
   <option value="IE3">Internet Explorer 8.X
   <option value="NN6">Netscape 6.X
   <option value="NN4">Netscape Communicator 4.X
   <option value="NN3">Netscape Navigator 3.X
   <option value="OTHER">其他
  </select>
 </div>
</form>

浏览器显示效果


■ 相关

<form> <option> <textarea>