<select> | HTML下拉列表标签的定义与用法

由 hcduguo

定义与用法

  • <select>标签用于创建具有多个选项的下拉列表；
  • <option>元素嵌套在<select>标签内，用于定义列表中的选项；
  • <optgroup>元素可用于对列表中的相关选项进行分组。
  • 如果要将数据发送到服务器，请在<form>元素内使用<select>标签

提示：<select> 元素是一种表单控件，可用于在表单中接受用户输入。

语法格式

<select>  

     <option>……</option>  

 </select>  

示例代码

 <form>  
    <label>选择你喜欢的城市：</label>  
    <select>  
        <option>北京</option>  
        <option>上海</option>  
        <option>广州</option>  
        <option>成都</option>  
        <option>西安</option>  
        <option>武汉</option>  
        <option>合肥</option>  
        <option>三亚</option>  
        <option>哈尔滨</option>  
  </select>  
 </form>

效果展示：

HTML 4.01 与 HTML5差异

HTML5 增加了一些新的属性。

浏览器支持

所有主流浏览器都支持 <select> 标签。

标签属性

: HTML5新标签。

属性值描述
autofocusautofocus规定在页面加载时下拉列表自动获得焦点。
disableddisabled当该属性为 true 时，会禁用下拉列表。
formform_id定义 select 字段所属的一个或多个表单。
multiplemultiple当该属性为 true 时，可选择多个选项。
nametext定义下拉列表的名称。
requiredrequired规定用户在提交表单前必须选择一个下拉列表中的选项。
sizenumber规定下拉列表中可见选项的数目。

全局属性

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

事件属性

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

相关