ตัวอย่าง
รายการแบบหล่นลงกับสี่ตัวเลือก:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
ลองตัวเอง» ความหมายและการใช้งาน
<option> แท็กกำหนดตัวเลือกในรายการที่เลือก
<option> องค์ประกอบไปภายใน <select> หรือ <datalist> องค์ประกอบ
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <option> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
หมายเหตุ: <option> แท็กสามารถนำมาใช้โดยไม่ต้องคุณลักษณะใด ๆ แต่คุณมักจะต้องมี value แอตทริบิวต์ซึ่งบ่งชี้ว่าสิ่งที่จะถูกส่งไปยังเซิร์ฟเวอร์
เคล็ดลับ: หากคุณมีรายชื่อยาวของตัวเลือกที่คุณสามารถจัดกลุ่มตัวเลือกที่เกี่ยวข้อง <optgroup> แท็ก
แอตทริบิวต์
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| disabled | disabled | ระบุว่าเป็นตัวเลือกที่ควรจะปิดการใช้งาน |
| label | text | ระบุฉลากสั้นสำหรับตัวเลือก |
| selected | selected | ระบุว่าเป็นตัวเลือกที่ควรจะเลือกไว้ล่วงหน้าเมื่อโหลดหน้าเว็บ |
| value | text | ระบุค่าที่จะส่งไปยังเซิร์ฟเวอร์ |
แอตทริบิวต์ทั่วโลก
<option> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<option> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: เลือกวัตถุ
ตั้งค่าเริ่มต้น CSS
ไม่มี.