ตัวอย่าง
<input> องค์ประกอบที่มีค่าที่กำหนดไว้ล่วงหน้าใน <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
ลองตัวเอง» ความหมายและการใช้งาน
<datalist> แท็กระบุรายชื่อของตัวเลือกที่กำหนดไว้ล่วงหน้าสำหรับการทดสอบ A <input> องค์ประกอบ
<datalist> แท็กถูกนำมาใช้เพื่อให้มีคุณสมบัติ "เติมข้อความอัตโนมัติ" ใน <input> องค์ประกอบ ผู้ใช้จะเห็นรายการแบบหล่นลงของตัวเลือกที่กำหนดไว้ล่วงหน้าเป็นข้อมูลการป้อนข้อมูลที่พวกเขา
ใช้ <input> รายชื่อองค์ประกอบแอตทริบิวต์การผูกมันไว้ด้วยกันด้วย <datalist> องค์ประกอบ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่องค์ประกอบ
| ธาตุ | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | ได้รับการสนับสนุน | 9.0 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<datalist> แท็กใหม่ใน HTML5
แอตทริบิวต์ทั่วโลก
<datalist> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<datalist> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: วัตถุ DataList
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <datalist> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
datalist {
display: none;
}