การสร้างรายการแบบเลือก (Selectable List) ใน HTML

ใช้แท็ก <select> เพื่อสร้างรายการแบบเลือก (Dropdown List) แท็ก <select> ใน HTML ใช้ภายในฟอร์มสำหรับกำหนดรายการเลือก

แอตทริบิวต์เพิ่มเติมของแท็ก <select>

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อสร้างรายการแบบเลือกใน HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML select Tag</title>
  </head>
  <body>
    <form action="/cgi-bin/dropdown.cgi" method="post">
      <select name="dropdown">
        <option value="Data Structures" selected>Data Structures</option>
        <option value="Data Mining">Data Mining</option>
      </select>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>

ตัวอย่างเพิ่มเติม: Multiple Selection

<select name="skills" multiple size="4">
  <option value="html">HTML</option>
  <option value="css">CSS</option>
  <option value="js">JavaScript</option>
  <option value="php">PHP</option>
  <option value="python">Python</option>
</select>

การจัดกลุ่มตัวเลือกด้วย <optgroup>

<select name="cars">
  <optgroup label="German Cars">
    <option value="bmw">BMW</option>
    <option value="mercedes">Mercedes</option>
  </optgroup>
  <optgroup label="Japanese Cars">
    <option value="toyota">Toyota</option>
    <option value="honda">Honda</option>
  </optgroup>
</select>