HTML <option>选项 标签

<option>标签定义下拉列表其中一个选项（一个条目）。<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>

下拉列表

可以使用 <optgroup> 标签对相关选项进行组合。

支持浏览器

option标签应用与datalist

<input list="lists" name="ming">
<datalist id="lists">
  <option value="PHP">
  <option value="HTML">
  <option value="CSS">
  <option value="JavaScript">
  <option value="MYSQL">
</datalist>

运行代码

分组下拉列表

后端数据库前端样式脚本

<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>

运行代码

全局属性

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

事件属性

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

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