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

HTML5 में इनपुट मानों के लिए विभिन्न विकल्प सूचीबद्ध करें

उदाहरण

<datalist> टैग से <input> के लिए प्रीडिफाइंड विकल्प प्रदान करें (ऑटोकंप्लीट)।

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Datalist टैग</title>
  </head>
  <body>
    <input list="tutorials" />
    <datalist id="tutorials">
      <option value="Java">
      <option value="ASP">
      <option value="PHP">
      <option value="Ruby">
      <option value="jQuery">
    </datalist>
    <p>ऊपर बताए गए किसी भी ट्यूटोरियल नाम को जोड़ने का प्रयास करें।</p>
  </body>
</html>

विशेषता: <select> के विपरीत, यूज़र कस्टम मान भी दर्ज कर सकता है। list एट्रिब्यूट <datalist> की ID से जुड़ता है।

  1. HTML5 के लिए W3C मार्कअप वैलिडेटर HTML5 के लिए W3C मार्कअप वैलिडेटर

    W3C मार्कअप वैलिडेटर HTML, XHTML, SMIL, MathML आदि में वेब दस्तावेज़ों की मार्कअप वैधता की जांच करता है। यह वैलिडेटर यूनिकॉर्न का हिस्सा है, जो W3C की एकीकृत वैलिडेटर सेवा है। HTML5 के लिए इस वैलिडेटर का उपयोग करने के लिए, आपको More Options का उपयोग करना होगा और Document Type के रूप में HTML5 का चय

  1. जावास्क्रिप्ट में सिलेक्ट ऑप्शन्स (ड्रॉपडाउन) की लंबाई प्राप्त करना जावास्क्रिप्ट में सिलेक्ट ऑप्शन्स (ड्रॉपडाउन) की लंबाई प्राप्त करना

    मान लीजिए निम्नलिखित हमारा ड्रॉपडाउन (सिलेक्ट) है - John Mike Sam David Carol जावास्क्रिप्ट में लिस्ट ऑप्शन्स की लंबाई प्राप्त करने का कोड निम्नलिखित है -उदाहरण  Document John Mike Sam David Carol var lengthOfListOptions = $(#lengthListOfOptionDemo option).length;

  1. CSS appearance से सेलेक्ट इनपुट का ड्रॉपडाउन एरो छिपाएं CSS appearance से सेलेक्ट इनपुट का ड्रॉपडाउन एरो छिपाएं

    हम appearance प्रॉपर्टी का उपयोग यूजर के ऑपरेटिंग सिस्टम के प्लेटफॉर्म-नेटिव स्टाइल के अनुसार एलिमेंट को स्टाइल करने के लिए करते हैं। सिंटैक्स CSS appearance प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    appearance: /*value*/;    -webkit-appearance: /*value*/; /*Safari और C