<select>
<option value="apple">苹果</option>
<option value="orange">橙子</option>
<option value="banana">香蕉</option>
</select>
在这个例子中,<select> 元素包含了三个 <option> 元素,每个 <option> 元素表示下拉列表中的一个选项。value 属性用于指定提交表单时发送到服务器的选项值。如果没有提供 value 属性,选项的文本内容将被用作值。
可以通过设置 selected 属性使某个选项在页面加载时默认被选中:
<select>
<option value="apple">苹果</option>
<option value="orange" selected>橙子</option>
<option value="banana">香蕉</option>
</select>
在这个例子中,"橙子" 将在页面加载时默认被选中。
<option> 标签还可以包含其他属性和元素,例如 disabled 属性,用于禁用某个选项。
<select>
<option value="apple">苹果</option>
<option value="orange" disabled>橙子(不可选)</option>
<option value="banana">香蕉</option>
</select>
这个例子中的 "橙子" 选项是被禁用的,用户无法选择它。
总之,<option> 标签是用于定义 <select> 元素中的各个选项的重要元素,它允许你创建用户可选择的下拉列表项。
转载请注明出处:http://www.zyzy.cn/article/detail/3883/HTML