當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文

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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。