option
适用DTD：Strict Transitional Frameset 适用浏览器：All
释义
选择列表中的项目（option in select list）
语法
<option 属性="属性值">~标签内容~</option>
<option 属性="属性值">~标签内容~</option>
说明
option元素用来在select元素中建立选单项目
option元素的标签内容就是显示在列表中的项目，但如果设置label属性，则label属性值就优先成为列表中的项目
option元素为select或optgroup元素的子元素
终止标签不能省略，尽管没有终止标签也能正常显示
属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| ① label | 任意字符串 | 该选项的标签文字，它用来代替option元素的标签内容显示在选项列表中，当option元素的标签内容过长时，它很有用。遗憾的是，该属性尚未得到浏览器的广泛支持 |
| ② value | 任意字符串 | 选单项目默认的数据值，此为表单传送的真实值。如果未指定，则默认option元素的标签内容为初始值 |
| ③ selected | 空值|selected | 布尔属性，若设置此属性则表示设置当前选项初始状态为选中，否则不选中。如果select元素没有设置过size属性并且有一个option设置了selected属性，那么这个option初始被选中；若没有设置selected属性则浏览器默认第一个选项为选中。如果select元素设置了size属性（属性值大于1）而又没有option设置selected属性，则不选择任何选项，若设置了，则将其设为选中。只有select元素设置了multiple属性时才能为多个option元素设置selected属性。 |
| ④ disabled | 空值|disabled | 指定该控件不可用。设定后，该控件变成灰色，不能获得焦点（当然不能修改其数据了），不可使用Tab导航键访问，而且表单传输数据时也不会传输该控件的数据。此属性为布尔属性，在XHTML中需要设置为disable="disable"。注：动态修改disabled属性的唯一方式是使用脚本程序 |
| ⑤ tabindex | 0~32767的整数 | 按下Tab键时控件获得焦点（键盘遍历）的顺序，从属性值最小者开始移动 |
⑥ 通用属性：id、class、title、style、dir、lang、xml:lang  |
||
nbsp;
示范
<select name="select">
<option value="value1">option1</option>
<option value="value2">option2</option>
</select>
<option value="value1">option1</option>
<option value="value2">option2</option>
</select>
范例
下面的例子显示了XHTML文件基础结构：
运行
打印
下面的例子显示了XHTML文件基础结构：
运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素select、option</title>
</head>
<body>
<form action="javascript:alert('表单测试成功！^_^')">
<select>
<option selected>宋体</option>
<option>黑体</option>
<option>仿宋_GB2312</option>
<option>楷体_GB2312</option>
<option>微软雅黑</option>
<option>Arial</option>
<option>Courier New</option>
<option>Times New Roman</option>
<option>Verdana</option>
</select>
<select>
<option>小三</option>
<option>四号</option>
<option>小四</option>
<option selected>五号</option>
<option>小五</option>
<option>六号</option>
<option>9</option>
<option>10</option>
<option>10.5</option>
<option>11</option>
</select>
<b>B <i>I</i> <u>U</u></b> <button type="submit">OK</button>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素select、option</title>
</head>
<body>
<form action="javascript:alert('表单测试成功！^_^')">
<select>
<option selected>宋体</option>
<option>黑体</option>
<option>仿宋_GB2312</option>
<option>楷体_GB2312</option>
<option>微软雅黑</option>
<option>Arial</option>
<option>Courier New</option>
<option>Times New Roman</option>
<option>Verdana</option>
</select>
<select>
<option>小三</option>
<option>四号</option>
<option>小四</option>
<option selected>五号</option>
<option>小五</option>
<option>六号</option>
<option>9</option>
<option>10</option>
<option>10.5</option>
<option>11</option>
</select>
<b>B <i>I</i> <u>U</u></b> <button type="submit">OK</button>
</form>
</body>
</html>