निराकरण: datalist html

HTML शी संबंधित मुख्य समस्या घटक म्हणजे ते सर्व ब्राउझरद्वारे समर्थित नाही. सध्या, फक्त Chrome, Firefox आणि Edge चे समर्थन करतात घटक. याव्यतिरिक्त, काही मोबाइल ब्राउझर देखील घटकास समर्थन देत नाहीत. याचा अर्थ असा की असमर्थित ब्राउझरवरील वापरकर्ते डेटालिस्टची कार्यक्षमता वापरू शकणार नाहीत.

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. हा कोड डेटालिस्ट नावाचा HTML घटक तयार करतो, जो इनपुट फील्डसाठी पर्यायांची सूची तयार करण्यासाठी वापरला जातो.
2. डेटालिस्टमध्ये "ब्राउझर" ची आयडी विशेषता आहे.
3. डेटालिस्टच्या आत, पाच पर्याय घटक आहेत, प्रत्येक मूल्य गुणधर्मासह ज्यामध्ये वेब ब्राउझरचे नाव आहे (Chrome, Firefox, Internet Explorer, Opera आणि Safari).
4. जेव्हा वापरकर्ता या डेटालिस्टशी संबंधित इनपुट फील्डमध्ये टाइप करतो तेव्हा ही मूल्ये सूचना म्हणून वापरली जातील.

डेटालिस्ट टॅग म्हणजे काय

HTML टॅगचा वापर "स्वयंपूर्ण" वैशिष्ट्य प्रदान करण्यासाठी केला जातो घटक. वापरकर्त्याने ते टाइप करत असताना त्यांना सुचवण्यासाठी ते पूर्वनिर्धारित पर्यायांची सूची प्रदान करते. डेटालिस्ट घटकाचा वापर "स्वयंपूर्ण" वैशिष्ट्य प्रदान करण्यासाठी केला जातो घटक. वापरकर्त्याने ते टाइप करत असताना त्यांना सुचवण्यासाठी ते पूर्वनिर्धारित पर्यायांची सूची प्रदान करते. वापरल्यावर, ते पूर्व-परिभाषित पर्यायांची सूची निर्दिष्ट करते घटक. ब्राउझर फक्त तेच पर्याय प्रदर्शित करतो जे वापरकर्त्याने इनपुट फील्डमध्ये आतापर्यंत टाइप केलेल्या गोष्टींशी संबंधित आहेत.

डेटालिस्ट आणि ड्रॉपडाउनमध्ये काय फरक आहे

डेटालिस्ट एक HTML घटक आहे जो वापरकर्त्याला निवडण्यासाठी पर्यायांची सूची प्रदान करतो. हे ड्रॉपडाउन मेनूसारखेच आहे, परंतु मुख्य फरक असा आहे की ते वापरकर्त्यांना त्यांची स्वतःची मूल्ये प्रविष्ट करण्यास अनुमती देते. वापरकर्ता इनपुट फील्डमध्ये टाइप करू शकतो आणि डेटालिस्ट त्यांनी काय टाइप केले आहे यावर आधारित सूचना प्रदान करेल. दुसरीकडे, ड्रॉपडाउन मेनू वापरकर्त्यांना केवळ पूर्व-परिभाषित पर्यायांमधून निवडण्याची परवानगी देतो. याव्यतिरिक्त, डेटालिस्टसह, वापरकर्ते त्यांना पाहिजे असलेले कोणतेही मूल्य टाइप करू शकतात जरी ते पर्याय म्हणून सूचीबद्ध नसले तरीही.

HTML फॉर्ममध्ये डेटालिस्ट कशी वापरायची

HTML वर "स्वयंपूर्ण" वैशिष्ट्य प्रदान करण्यासाठी घटक वापरला जातो घटक. वापरकर्ता डेटा इनपुट करत असताना त्यांना पूर्वनिर्धारित पर्यायांची सूची प्रदान करण्यासाठी याचा वापर केला जातो.

डेटालिस्ट घटक वापरण्यासाठी, तुम्हाला प्रथम एक सह HTML फॉर्म तयार करणे आवश्यक आहे घटक आणि त्याला एक आयडी विशेषता द्या. त्यानंतर, तुम्ही फॉर्ममध्ये डेटालिस्ट घटक जोडू शकता आणि इनपुट फील्डच्या आयडी प्रमाणे त्याची सूची विशेषता सेट करू शकता. डेटालिस्टमध्ये, तुम्ही एक किंवा अधिक जोडू शकता

उदाहरणार्थ:


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

एक टिप्पणी द्या