曲径通幽论坛

标题: <option> -- 定义下拉列表中的一个条目 [打印本页]

作者: easy 时间: 2013-4-1 14:56
标题: <option> -- 定义下拉列表中的一个条目
浏览器将 <option> 标签中的内容作为 <select> 标签菜单中的一个元素。

示例代码一：

<select name="domain">
<option value="Google">Google.com</option>
<option value="Baidu">Baidu.com</option>
<option value="Groad">Groad.net</option>
</select>

效果：
[attach]1491[/attach]

示例代码二（使用 selected 属性，先默认选择一个）：

<select name="domain">
<option value="Google">Google.com</option>
<option value="Baidu">Baidu.com</option>
<option value="Groad" selected="selected">Groad.net</option>
</select>

效果：
[attach]1492[/attach]

默认选择 Groad.net 这个网址。

示例代码三（使用 label 标签）：
label 属性是在使用 <optgroup> 时所使用的标注：

<form>
<select name="domain">
<optgroup label="Search engine">
<option value="Google">Google.com</option>
<option value="Baidu">Baidu.com</option>
</optgroup>

<optgroup label="Technology website">
<option value="Groad" selected="selected">Groad.net</option>
<option value="Chunix">ChinaUnix.net</option>
</optgroup>
</select>
</form>

效果：
[attach]1493[/attach]

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)