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

HTML में मंथ इनपुट टाइप का उपयोग कैसे करें?


HTML में मंथ इनपुट टाइप <input type="month"> का उपयोग करके किया जाता है। इसका उपयोग करके, उपयोगकर्ताओं को महीना और वर्ष चुनने की अनुमति दें। मंथ इनपुट टाइप पर उपयोगकर्ता इनपुट देने पर एक डेट पिकर पॉपअप दिखाई देता है।

नोट: इनपुट टाइप मंथ Firefox और Internet Explorer पर समर्थित नहीं है। यह Google Chrome पर काम करता है।

उदाहरण

HTML में मंथ इनपुट टाइप का उपयोग करने का तरीका सीखने के लिए निम्न कोड चलाएं। यह महीना और वर्ष दोनों दिखाएगा।

<!DOCTYPE html> <html>    <head>       <title>HTML इनपुट मंथ</title>    </head>    <body>       <form action = "" method = "get">          विवरण:<br><br>          छात्र का नाम<br><input type="text" name="sname"><br>          जन्म का महीना और वर्ष<br><input type="month" name="bmonth"><br>          <input type="submit" value="सबमिट">       </form>    </body> </html>

फॉर्मेट: YYYY-MM (उदाहरण: 2024-03)।

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

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

  1. HTML में ईयर इनपुट टाइप कैसे उपयोग करें? HTML में ईयर इनपुट टाइप कैसे उपयोग करें?

    मंथ इनपुट टाइप HTML में <input type=month> का उपयोग करके किया जाता है। इसका उपयोग करके, यूज़र्स को मंथ और ईयर सिलेक्ट करने दें। लेकिन, क्या होगा यदि आप केवल ईयर पॉपअप दिखाना चाहते हैं? खैर, ईयर इनपुट टाइप उपलब्ध नहीं है। ईयर इनपुट टाइप का उपयोग करने के लिए, हम jQuery का उपयोग करके डेटपिकर जोड़

  1. HTML DOM इनपुट मंथ type प्रॉपर्टी HTML DOM इनपुट मंथ type प्रॉपर्टी

    परिचय HTML DOM इनपुट मंथ type प्रॉपर्टी HTML दस्तावेज़ में इनपुट मंथ फील्ड के type एट्रिब्यूट का मान लौटाती है। यह हमेशा month लौटाता है। सिंटैक्स object.type उदाहरण मंथ इनपुट फील्ड के type प्रॉपर्टी को प्राप्त करना: <!DOCTYPE html> <html> <head> <style> html { height: 10