HTML <select> แอตทริบิวต์หลายรายการ
ตัวอย่าง
รายการดรอปดาวน์ที่อนุญาตให้เลือกได้หลายรายการ:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
ความหมายและการใช้งาน
แอตทริบิวต์multiple
นี้เป็นแอตทริบิวต์บูลีน
หากมีแสดงว่าสามารถเลือกได้หลายตัวเลือกพร้อมกัน
การเลือกตัวเลือกหลายตัวจะแตกต่างกันไปตามระบบปฏิบัติการและเบราว์เซอร์ที่แตกต่างกัน:
- สำหรับ windows: กดปุ่มควบคุม (ctrl) ค้างไว้เพื่อเลือกหลายตัวเลือก
- สำหรับ Mac: กดปุ่มคำสั่งค้างไว้เพื่อเลือกหลายตัวเลือก
เนื่องจากวิธีการต่างๆ ในการทำเช่นนี้ และเนื่องจากคุณต้องแจ้งให้ผู้ใช้ทราบว่ามีการเลือกหลายรายการ จึงง่ายต่อการใช้ช่องทำเครื่องหมายแทน
รองรับเบราว์เซอร์
Attribute | |||||
---|---|---|---|---|---|
multiple | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<select multiple>
❮ แท็ก HTML <select>