HTML <select> คุณสมบัติ multiple

HTML แบบ <select>

คำนิยามและวิธีใช้

multiple คุณสมบัติเป็นคุณสมบัติบูล

เมื่อมีอยู่ มันกำหนดว่าสามารถเลือกหลายตัวเลือกในครั้งเดียว

การเลือกหลายตัวแตกต่างกันในระบบปฏิบัติการและเบราเซอร์ต่างๆ

  • สำหรับ Windows: กดปุ่ม ctrl และเลือกหลายตัว
  • สำหรับ Mac: กดปุ่ม command และเลือกหลายตัว

เนื่องจากมีวิธีที่แตกต่างกันและต้องแจ้งให้ผู้ใช้ทราบว่าการเลือกหลายตัวเป็นไปได้ จึงนิยมใช้ตัวตรวจความถูกต้องมากกว่ารายการลงเลือก

ตัวอย่าง

รายการลงเลือกที่อนุญาตให้เลือกหลายตัว

<label for="cars">กรุณาเลือกแบรนด์รถยนต์：</label>
<select name="cars" id="cars" multiple>
  <option value="audi">ออโต้</option>
  <option value="byd">บีเอ็ย์ดี</option>
  <option value="geely">เจียลี่</option>
  <option value="volvo">วอลโลเวอร์</option>
</select>

ทดลองด้วยตัวเอง

บทความ

<select multiple>

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML แบบ <select>