list एट्रिब्यूट का उपयोग <input> पर करके उसे <datalist> एलिमेंट से जोड़ा जाता है जिसमें प्रीडिफाइंड ऑप्शन्स होते हैं। list का मान <datalist> के id के बराबर होना चाहिए। यह ऑटोकंप्लीट/सजेशन ड्रॉपडाउन प्रदान करता है।
उदाहरण
निम्न कोड से list एट्रिब्यूट लागू करें:
<!DOCTYPE html> <html>
<head>
<title>HTML Datalist Tag</title>
</head>
<body>
<input list="tutorials" />
<datalist id="tutorials">
<option value="Java">
<option value="ASP">
<option value="PHP">
<option value="Ruby">
<option value="jQuery">
</datalist>
<p>ऊपर बताए गए किसी भी ट्यूटोरियल नाम को जोड़ने का प्रयास करें।</p>
</body>
</html>
नोट: <datalist> <select> से अलग है - उपयोगकर्ता लिस्ट में न होने वाला मान भी टाइप कर सकता है।
