当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

HTML <select>用法及代码示例


HTML中的<select>标记用于创建下拉列表。 <select>标记包含<option>标记，以显示下拉列表的可用选项。

注意：<select>标记以一种形式用于接收用户响应。

用法:

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

属性：<select>标记的属性如下所示：

  • autofocus:HTML <select>自动对焦属性用于指定在页面加载时下拉列表应自动获得焦点。它是布尔属性的一种。
  • disabled:<select> disabled属性用于指定select元素已禁用。禁用的下拉列表不可单击且无法使用。这是一个布尔属性。
  • form:HTML <select>表单属性用于指定<select>元素所属的一种或多种表单。
  • multiple:HTML <select>多重属性是布尔属性。它指定允许用户选择<select>元素中提供的多个值。
  • name:HTML <select>名称属性用于为下拉列表指定名称。提交表单后，它用于引用form-data或在JavaScript中引用元素。
  • required:HTML <select>必需属性是一个布尔属性，用于指定在提交表单之前应选择用户的值。
  • size:HTML size属性用于指定下拉列表中可见选项的数量。

例：



<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML select Tag 
    </title> 
</head> 
  
<body style="text-align:center;"> 
    <h1>GeeksforGeeks</h1> 
      
    <h2>HTML select Tag</h2> 
      
    <p>Select one option from drop-down list:</p> 
      
    <select> 
        <option value="GFG">GFG</option> 
        <option value="OS">OS</option> 
        <option value="DBMS">DBMS</option> 
        <option value="Data Structure"> 
            Data Structure 
        </option> 
    </select> 
</body> 
  
</html>                    

输出：

支持的浏览器：HTML <select>标签支持的浏览器如下：

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • Safari
  • Opera




相关用法


注：本文由纯净天空筛选整理自shubham_singh大神的英文原创作品 HTML | <select> Tag。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。