如何在 HTML 表單中使用簡單的下拉列表項?


使用 HTML,您可以建立一個簡單的下拉列表項,以便在 HTML 表單中獲取使用者輸入。選擇框,也稱為下拉框,提供了一個選項,可以以下拉列表的形式列出各種選項,使用者可以從中選擇一個或多個選項。<select> 標籤用於在 HTML 中建立下拉列表,使用 <option> 標籤。

以下是 <select> 標籤的屬性列表

序號
屬性 & 描述
1
名稱
用於為控制元件命名,該控制元件將傳送到伺服器以識別並獲取值。
2
大小
這可以用來呈現一個滾動列表框。
3
多選
如果設定為“multiple”,則允許使用者從選單中選擇多個專案。


以下是 <option> 標籤的屬性列表

序號
屬性 & 描述
1

如果選擇了選擇框中的選項,則將使用該值。
2
已選中
指定此選項應為頁面載入時最初選定的值。
3
標籤
標記選項的另一種方法。


示例

您可以嘗試執行以下程式碼來建立一個簡單的下拉列表項,以便在 HTML 表單中獲取使用者輸入

線上演示

<!DOCTYPE html>
<html>
   <head>
      <title>Select Box Control</title>
   </head>
   <body>
      <p>Here's the list of subjects. Select any one:</p>
      <form>
         <select name = "dropdown">
            <option value = "Computer Architecture" selected>Computer Architecture</option>
            <option value = "Java">Java</option>
            <option value = "Discrete Mathematics">Discrete Mathematics</option>
         </select>
      </form>
   </body>
</html>

更新於: 2020年5月12日

11K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.