HTML <option>แท็ก
ตัวอย่าง
รายการดรอปดาวน์ที่มีสี่ตัวเลือก:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แท็ ก<option>
กำหนดตัวเลือกในรายการที่เลือก
<option>
องค์ประกอบเข้าไปภายในองค์ประกอบ<select> ,
<optgroup>หรือ<datalist >
หมายเหตุ: แท็ ก<option>
สามารถใช้ได้โดยไม่มีแอตทริบิวต์ใดๆ แต่โดยปกติคุณต้องการ แอตทริบิวต์ ค่าซึ่งระบุสิ่งที่ส่งไปยังเซิร์ฟเวอร์ในการส่งแบบฟอร์ม
เคล็ดลับ:หากคุณมีรายการตัวเลือกจำนวนมาก คุณสามารถจัดกลุ่มตัวเลือกที่เกี่ยวข้องภายในแท็ก <optgroup>
รองรับเบราว์เซอร์
Element | |||||
---|---|---|---|---|---|
<option> | Yes | Yes | Yes | Yes | Yes |
คุณลักษณะ
Attribute | Value | Description |
---|---|---|
disabled | disabled | Specifies that an option should be disabled |
label | text | Specifies a shorter label for an option |
selected | selected | Specifies that an option should be pre-selected when the page loads |
value | text | Specifies the value to be sent to a server |
คุณสมบัติสากล
แท็ ก<option>
ยังสนับสนุน Global Attributes ในHTML
คุณสมบัติของเหตุการณ์
แท็ ก<option>
ยังสนับสนุนแอตทริบิวต์เหตุการณ์ใน HTML
ตัวอย่างเพิ่มเติม
ตัวอย่าง
การใช้ <option> ใน <datalist> องค์ประกอบ:
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
ตัวอย่าง
การใช้ <option> ใน <optgroup> องค์ประกอบ:
<label for="cars">Choose a car:</label>
<select id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML DOM: Option Object
การตั้งค่า CSS เริ่มต้น
ไม่มี.