บทนำ
แท็ก <datalist> ให้ตัวเลือกแนะนำ (Autocomplete suggestions) สำหรับช่อง <input> ผู้ใช้สามารถพิมพ์เองได้ หรือเลือกจากรายการ
ตัวอย่างโค้ด
<!DOCTYPE html>
<html>
<head>
<title>HTML Datalist Tag</title>
</head>
<body>
<p>พิมพ์ชื่อเครื่องมือ:</p>
<input list="tools" />
<datalist id="tools">
<option value="Image Editor">
<option value="Whiteboard">
<option value="Image Optimizer">
<option value="Document Viewer">
</datalist>
</body>
</html>
คำอธิบาย
input list="tools"- เชื่อมกับ datalist ที่ id="tools"<datalist>- ครอบรายการ<option>- แตกต่างจาก
<select>ที่บังคับให้เลือกจากรายการเท่านั้น
รูปแบบการใช้งาน
<!-- แบบมีค่า value แยกจากข้อความ -->
<datalist id="countries">
<option value="TH">Thailand</option>
<option value="JP">Japan</option>
</datalist>