HTML สร้าง drop down list ยังไง

HTML สร้าง drop down list ยังไง บทความนี้สอนสร้าง drop down list ด้วยแท็ก select ร่วมกับ option โดย select จะเป็น input ชนิดหนึ่งให้ผู้ใช้งานสามารถเลือกรายการข้อมูลที่ต้องการได้ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML สร้าง drop down list ยังไง

<select name="colors">
    <option value="r">Red</option>
    <option value="g">Green</option>
    <option value="b">Blue</option>
</select>

HTML สร้าง drop down list จากตัวอย่างใช้แท็ก select กำหนดตัวแปรชื่อ colors พร้อม 3 ตัวเลือก หรือข้อมูลผ่านแท็ก option มีรายละเอียดดังนี้

1. value = “r” ข้อมูลการแสดงผลคือ Red

2. value = “g” ข้อมูลการแสดงผลคือ Green

3. value = “b” ข้อมูลการแสดงผลคือ Blue