एचटीएमएल <डेटालिस्ट> टैग
उदाहरण
पूर्व-परिभाषित विकल्पों वाला एक डेटालिस्ट (एक <इनपुट> तत्व से जुड़ा):
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
परिभाषा और उपयोग
<datalist>टैग <इनपुट> तत्व के लिए पूर्व-निर्धारित विकल्पों की सूची निर्दिष्ट करता है ।
टैग का <datalist>उपयोग <इनपुट> तत्वों के लिए "स्वतः पूर्ण" सुविधा प्रदान करने के लिए किया जाता है। उपयोगकर्ता डेटा इनपुट करते ही पूर्व-निर्धारित विकल्पों की एक ड्रॉप-डाउन सूची देखेंगे।
तत्व की <datalist>आईडी विशेषता <इनपुट> तत्व की सूची विशेषता के बराबर होनी चाहिए (यह उन्हें एक साथ बांधता है)।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से तत्व का समर्थन करता है।
| Element | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
वैश्विक गुण
<datalist>टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<datalist>टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
संबंधित पृष्ठ
HTML DOM संदर्भ: डेटालिस्ट ऑब्जेक्ट
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <datalist>निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
datalist {
display: none;
}