HTML <select> 下拉列表 标签

<select>标签用于新建下拉列表，与<option>标签一起使用定义列表中的项目。跟<select>标签相似的还有<datalist>输入框下拉列表标签链接

案例

新建有五个项目的下拉列表

后端前端样式脚本数据库

<select name="ming">
<option value="PHP" >后端</option>
  <option value="HTML" >前端</option>
  <option value="CSS" >样式</option>
  <option value="JavaScript" >脚本</option>
  <option value="MYSQL">数据库</option>
</select>

运行代码

支持浏览器

语法

<select><option>...</option></select>

属性	值	描述
autofocus	autofocus	在页面加载时下拉列表自动获得焦点。
disabled	disabled	当添加该属性时，会禁用下拉列表。
form	form_id	定义select 字段所属的一个或多个form表单。
multiple	multiple	当添加该属性时，可选择多个选项。
name	text	定义下拉列表的名称。
required	required	规定用户在提交表单前必须选择一个下拉列表中的选项。
size	number	规定下拉列表中可见选项的数量。

分组下拉列表

后端数据库前端样式脚本

<select name="ming">
<optgroup label="后端技术">
  <option value="PHP" >后端</option>
  <option value="MYSQL" >数据库</option>
</optgroup>
<optgroup label="前端技术">
  <option value="HTML" >前端</option>
  <option value="CSS" >样式</option>
  <option value="JavaScript" selected>脚本</option>
</optgroup>
</select>

运行代码

默认控制下拉列表

--请选择--后端数据库前端样式脚本

<select name="ming">
          <option value="" >--请选择--</option>
          <option value="PHP" >后端</option>
          <option value="MYSQL" >数据库</option>
          <option value="HTML" >前端</option>
          <option value="CSS" >样式</option>
          <option value="JavaScript">脚本</option>
    </select>

运行代码

全局属性

<select>标签支持HTML 全局属性

事件属性

<select>标签支持HTML 事件属性

如果想了解更多请移步html教程。