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. डेटालिस्टच्या आत, पाच पर्याय घटक आहेत, प्रत्येक मूल्य गुणधर्मासह ज्यामध्ये वेब ब्राउझरचे नाव आहे (Chrome, Firefox, Internet Explorer, Opera आणि Safari).
4. जेव्हा वापरकर्ता या डेटालिस्टशी संबंधित इनपुट फील्डमध्ये टाइप करतो तेव्हा ही मूल्ये सूचना म्हणून वापरली जातील.
डेटालिस्ट टॅग म्हणजे काय
HTML
डेटालिस्ट आणि ड्रॉपडाउनमध्ये काय फरक आहे
डेटालिस्ट एक HTML घटक आहे जो वापरकर्त्याला निवडण्यासाठी पर्यायांची सूची प्रदान करतो. हे ड्रॉपडाउन मेनूसारखेच आहे, परंतु मुख्य फरक असा आहे की ते वापरकर्त्यांना त्यांची स्वतःची मूल्ये प्रविष्ट करण्यास अनुमती देते. वापरकर्ता इनपुट फील्डमध्ये टाइप करू शकतो आणि डेटालिस्ट त्यांनी काय टाइप केले आहे यावर आधारित सूचना प्रदान करेल. दुसरीकडे, ड्रॉपडाउन मेनू वापरकर्त्यांना केवळ पूर्व-परिभाषित पर्यायांमधून निवडण्याची परवानगी देतो. याव्यतिरिक्त, डेटालिस्टसह, वापरकर्ते त्यांना पाहिजे असलेले कोणतेही मूल्य टाइप करू शकतात जरी ते पर्याय म्हणून सूचीबद्ध नसले तरीही.
HTML फॉर्ममध्ये डेटालिस्ट कशी वापरायची
HTML
डेटालिस्ट घटक वापरण्यासाठी, तुम्हाला प्रथम एक सह HTML फॉर्म तयार करणे आवश्यक आहे घटक आणि त्याला एक आयडी विशेषता द्या. त्यानंतर, तुम्ही फॉर्ममध्ये डेटालिस्ट घटक जोडू शकता आणि इनपुट फील्डच्या आयडी प्रमाणे त्याची सूची विशेषता सेट करू शकता. डेटालिस्टमध्ये, तुम्ही एक किंवा अधिक जोडू शकता
उदाहरणार्थ: