Bootstrap 表單選擇


當你想允許使用者從多個選項中選擇時,就使用選擇,但預設情況下,它只允許一個。

  • 對於使用者熟悉的選項列表,如狀態或數字,請使用 <select>。
  • 使用 multiple = "multiple" 允許使用者選擇多個選項。

示例

您可以嘗試執行以下程式碼來實現 Bootstrap 表單選擇

線上演示

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <meta name = "viewport" content="width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
   </head>
   <body>
      <form role = "form">
         <div class = "form-group">
            <label for = "name">Country</label>
            <select class = "form-control">
               <option>India</option>
               <option>Australia</option>
               <option>US</option>
            </select>
         </div>
      </form>
   </body>
</html>

更新於: 12-6 月-2020

287 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始
廣告
© . All rights reserved.