Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में <datalist> टैग का उपयोग कैसे करें?


HTML <datalist> टैग <input> एलिमेंट के लिए विकल्पों का एक सेट निर्दिष्ट करता है। आपको एक आईडी भी जोड़नी होगी। <datalist>...</datalist> टैग के अंदर <option>...</option> टैग का उपयोग करें।

उदाहरण

HTML में <datalist> टैग का उपयोग करने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML डेटालिस्ट टैग</title>    </head>    <body>       <p>टूल का नाम टाइप करें:</p>       <input list = "tools" />       <datalist id = "tools">          <option value = "इमेज एडिटर">          <option value = "व्हाइटबोर्ड">          <option value = "इमेज ऑप्टिमाइज़र">          <option value = "डॉक्यूमेंट व्यूअर">       </datalist>    </body> </html>

<input> का list एट्रिब्यूट <datalist> की id से मेल खाना चाहिए। यह ऑटोकंप्लीट ड्रॉपडाउन प्रदान करता है।

  1. HTML टेबल के अंदर HTML टैग कैसे उपयोग करें? HTML टेबल के अंदर HTML टैग कैसे उपयोग करें?

    टेबल सेल में अन्य टैग्स HTML टेबल के <td> टैग के अंदर अन्य HTML टैग्स जैसे <p>, <ul>, <ol> आदि आसानी से जोड़े जा सकते हैं। टैग <td> के अंदर ही खुलना और बंद होना चाहिए। उदाहरण: <ul> टैग टेबल के अंदर <!DOCTYPE html> <html> <head> <style&

  1. HTML में रिक्वायर्ड एट्रिब्यूट का उपयोग कैसे करें? HTML में रिक्वायर्ड एट्रिब्यूट का उपयोग कैसे करें?

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

  1. HTML <datalist> टैग HTML <datalist> टैग

    HTML <datalist> टैग क्या है? <datalist> टैग HTML5 में पेश किया गया एक टैग है जो <input> एलिमेंट के लिए पूर्व-निर्धारित विकल्पों (pre-defined options) की सूची प्रदान करता है। जब उपयोगकर्ता इनपुट फ़ील्ड में कर्सर रखता है या टाइप करना शुरू करता है, तो ये विकल्प ड्रॉपडाउन के रूप में द