Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เพิ่มตัวเลือกใน Drop-down List ด้วย Option Tag ใน HTML


แท็ก <option> ใช้กำหนดตัวเลือกใน <select> (drop-down list) ภายในฟอร์ม

แอตทริบิวต์สำคัญ

แอตทริบิวต์ค่าคำอธิบาย
valuetextค่าที่ส่งไปเซิร์ฟเวอร์
selectedselectedเลือกเป็นค่าเริ่มต้น
disableddisabledปิดใช้งานตัวเลือกนี้
labeltextข้อความแสดง (ใช้กับ optgroup)

ตัวอย่าง

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

ใช้ <optgroup> จัดกลุ่มตัวเลือก: <optgroup label="Frontend"><option>HTML</option><option>CSS</option></optgroup>