ตัวอย่าง
สร้างรายการแบบหล่นลงกับสี่ตัวเลือก:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
ลองตัวเอง» ความหมายและการใช้งาน
<select> องค์ประกอบที่จะใช้ในการสร้างรายการแบบหล่นลง
<option> แท็กภายใน <select> องค์ประกอบที่กำหนดตัวเลือกที่มีอยู่ในรายการ
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <select> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
แนะนำ: <select> องค์ประกอบคือการควบคุมรูปแบบและสามารถนำมาใช้ในรูปแบบการเก็บรวบรวมการป้อนข้อมูลของผู้ใช้
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
HTML5 ได้เพิ่มคุณลักษณะใหม่บางส่วน
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| autofocus | autofocus | ระบุว่ารายการแบบหล่นลงโดยอัตโนมัติควรได้รับการมุ่งเน้นเมื่อโหลดหน้าเว็บ |
| disabled | disabled | ระบุว่ารายการแบบหล่นลงควรจะปิดการใช้งาน |
| form | form_id | กำหนดหนึ่งหรือมากกว่าหนึ่งรูปแบบเขตเลือกเป็น |
| multiple | multiple | ระบุว่าหลายตัวเลือกที่สามารถเลือกได้ในครั้งเดียว |
| name | name | กำหนดชื่อสำหรับรายการแบบหล่นลง |
| required | required | ระบุว่าผู้ใช้จะต้องเลือกค่าก่อนที่จะส่งแบบฟอร์ม |
| size | number | กำหนดจำนวนตัวเลือกที่มองเห็นได้ในรายการแบบหล่นลง |
แอตทริบิวต์ทั่วโลก
<select> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<select> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: เลือกวัตถุ
CSS Tutorial: รูปแบบการจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
ไม่มี.