हल किया गया: डेटालिस्ट एचटीएमएल

मुख्य समस्या 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 टैग का उपयोग "स्वत: पूर्ण" सुविधा प्रदान करने के लिए किया जाता है तत्व। यह उपयोगकर्ता को टाइप करने के लिए सुझाव देने के लिए पूर्वनिर्धारित विकल्पों की एक सूची प्रदान करता है। डेटालिस्ट तत्व का उपयोग "स्वत: पूर्ण" सुविधा प्रदान करने के लिए किया जाता है तत्व। यह उपयोगकर्ता को टाइप करने के लिए सुझाव देने के लिए पूर्वनिर्धारित विकल्पों की एक सूची प्रदान करता है। उपयोग किए जाने पर, यह a के लिए पूर्व-निर्धारित विकल्पों की सूची निर्दिष्ट करता है तत्व। ब्राउज़र केवल उन विकल्पों को प्रदर्शित करता है जो उपयोगकर्ता द्वारा इनपुट क्षेत्र में अब तक टाइप किए गए के लिए प्रासंगिक हैं।

डेटालिस्ट और ड्रॉपडाउन के बीच क्या अंतर है

एक डेटालिस्ट एक HTML तत्व है जो उपयोगकर्ता को चुनने के लिए विकल्पों की एक सूची प्रदान करता है। यह ड्रॉपडाउन मेनू के समान है, लेकिन मुख्य अंतर यह है कि यह उपयोगकर्ताओं को अपने मूल्य दर्ज करने की अनुमति देता है। उपयोगकर्ता इनपुट क्षेत्र में टाइप कर सकता है और डेटालिस्ट ने जो टाइप किया है उसके आधार पर सुझाव प्रदान करेगा। दूसरी ओर, ड्रॉपडाउन मेनू केवल उपयोगकर्ताओं को पूर्व-निर्धारित विकल्पों में से चयन करने की अनुमति देता है। इसके अतिरिक्त, एक डेटालिस्ट के साथ, उपयोगकर्ता किसी भी मूल्य को टाइप कर सकते हैं, भले ही वह एक विकल्प के रूप में सूचीबद्ध न हो।

HTML फॉर्म में डेटालिस्ट का उपयोग कैसे करें

HTML तत्व का उपयोग "स्वत: पूर्ण" सुविधा प्रदान करने के लिए किया जाता है तत्व। इसका उपयोग उपयोगकर्ता को डेटा इनपुट करते समय पूर्वनिर्धारित विकल्पों की सूची प्रदान करने के लिए किया जाता है।

डेटालिस्ट तत्व का उपयोग करने के लिए, आपको पहले एक HTML फॉर्म बनाना होगा तत्व और इसे एक आईडी विशेषता दें। फिर, आप फॉर्म के अंदर एक डातालिस्ट तत्व जोड़ सकते हैं और इनपुट फ़ील्ड की आईडी के बराबर इसकी सूची विशेषता सेट कर सकते हैं। डेटालिस्ट के अंदर, आप एक या अधिक जोड़ सकते हैं

उदाहरण के लिए:


संबंधित पोस्ट:

एक टिप्पणी छोड़ दो