HTML5 <select> 标签
warning:
这篇文章距离上次修改已过451天,其中的内容可能已经有所变动。
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> 标签的基本用法和高级用法。
评论已关闭