मुख्य समस्या HTML से संबंधित है
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. यह कोड एक HTML तत्व बनाता है जिसे डेटालिस्ट कहा जाता है, जिसका उपयोग इनपुट फ़ील्ड के विकल्पों की सूची बनाने के लिए किया जाता है।
2. डेटालिस्ट में "ब्राउज़र" की एक आईडी विशेषता होती है।
3. डेटालिस्ट के अंदर, पांच विकल्प तत्व होते हैं, प्रत्येक में एक मान विशेषता होती है जिसमें एक वेब ब्राउज़र (क्रोम, फ़ायरफ़ॉक्स, इंटरनेट एक्सप्लोरर, ओपेरा और सफारी) का नाम होता है।
4. जब उपयोगकर्ता इस डेटालिस्ट से जुड़े इनपुट फ़ील्ड में टाइप करता है तो इन मानों का सुझाव के रूप में उपयोग किया जाएगा।
विषय-सूची
डेटालिस्ट टैग क्या है
HTML
डेटालिस्ट और ड्रॉपडाउन के बीच क्या अंतर है
एक डेटालिस्ट एक HTML तत्व है जो उपयोगकर्ता को चुनने के लिए विकल्पों की एक सूची प्रदान करता है। यह ड्रॉपडाउन मेनू के समान है, लेकिन मुख्य अंतर यह है कि यह उपयोगकर्ताओं को अपने मूल्य दर्ज करने की अनुमति देता है। उपयोगकर्ता इनपुट क्षेत्र में टाइप कर सकता है और डेटालिस्ट ने जो टाइप किया है उसके आधार पर सुझाव प्रदान करेगा। दूसरी ओर, ड्रॉपडाउन मेनू केवल उपयोगकर्ताओं को पूर्व-निर्धारित विकल्पों में से चयन करने की अनुमति देता है। इसके अतिरिक्त, एक डेटालिस्ट के साथ, उपयोगकर्ता किसी भी मूल्य को टाइप कर सकते हैं, भले ही वह एक विकल्प के रूप में सूचीबद्ध न हो।
HTML फॉर्म में डेटालिस्ट का उपयोग कैसे करें
HTML
डेटालिस्ट तत्व का उपयोग करने के लिए, आपको पहले एक HTML फॉर्म बनाना होगा तत्व और इसे एक आईडी विशेषता दें। फिर, आप फॉर्म के अंदर एक डातालिस्ट तत्व जोड़ सकते हैं और इनपुट फ़ील्ड की आईडी के बराबर इसकी सूची विशेषता सेट कर सकते हैं। डेटालिस्ट के अंदर, आप एक या अधिक जोड़ सकते हैं
उदाहरण के लिए: