HTML5 <select> 标签
warning:
这篇文章距离上次修改已过200天,其中的内容可能已经有所变动。
HTML5 <select>
标签用于创建下拉列表。用户可以从预定义的选项列表中选择一个选项。
基本的 <select>
标签示例:
<select>
<option value="option1">选项 1</option>
<option value="option2">选项 2</option>
<option value="option3">选项 3</option>
</select>
你可以使用 multiple
属性允许用户选择多个选项:
<select multiple>
<option value="option1">选项 1</option>
<option value="option2">选项 2</option>
<option value="option3">选项 3</option>
</select>
使用 size
属性可以显示多个选项:
<select size="3">
<option value="option1">选项 1</option>
<option value="option2">选项 2</option>
<option value="option3">选项 3</option>
</select>
你可以通过设置 disabled
属性禁用 <option>
:
<select>
<option value="option1">选项 1</option>
<option value="option2" disabled>选项 2</option>
<option value="option3">选项 3</option>
</select>
使用 required
属性可以使 <select>
成为必填项:
<select required>
<option value="option1">选项 1</option>
<option value="option2">选项 2</option>
<option value="option3">选项 3</option>
</select>
使用 placeholder
属性可以添加一个默认的提示信息:
<select required>
<option value="" disabled selected>请选择一个选项</option>
<option value="option1">选项 1</option>
<option value="option2">选项 2</option>
<option value="option3">选项 3</option>
</select>
这些是 <select>
标签的基本用法和高级用法。
评论已关闭