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

HTML में डेट फ़ील्ड के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें?


<input type="date"> डेट के साथ इनपुट फ़ील्ड के लिए है। यह दिन, महीना और वर्ष के साथ डेट आसानी से दर्ज करने की अनुमति देता है। आप जन्मतिथि, पंजीकरण तिथि आदि के लिए उपयोगकर्ता इनपुट प्राप्त कर सकते हैं।

जब आप इनपुट टाइप में डेट जोड़ने का प्रयास करेंगे तो एक डेटपिकर दिखाई देगा।

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

उदाहरण

HTML में डेट फ़ील्ड के साथ इनपुट टाइप फ़ील्ड का उपयोग करने का तरीका सीखने के लिए निम्न कोड चलाएं। यहां, हम जन्मतिथि दर्ज कर रहे हैं।

<!DOCTYPE html> <html>    <head>       <title>HTML इनपुट डेट</title>    </head>    <body>       <form action = "" method = "get">          पंजीकरण तिथि दर्ज करें:<br>          <input type="date" name="birthday"><br>          <input type="submit" value="सबमिट">       </form>    </body> </html>

फॉर्मेट: YYYY-MM-DD। min और max एट्रिब्यूट्स से डेट रेंज सीमित करें।

  1. HTML DOM Input Date Object - संपूर्ण गाइड HTML DOM Input Date Object - संपूर्ण गाइड

    HTML DOM Input Date Object HTML DOM Input Date Object HTML दस्तावेज़ में type=date वाले इनपुट एलिमेंट को दर्शाता है। यह तारीख फील्ड बनाने, एक्सेस करने और उसके सभी attributes को प्रबंधित करने का इंटरफेस प्रदान करता है। Date Object बनाना var dateObject = document.createElement(input); dateObject.type

  1. HTML DOM Input Date type प्रॉपर्टी HTML DOM Input Date type प्रॉपर्टी

    विवरण HTML DOM Input Date type प्रॉपर्टी Input Date के प्रकार को प्राप्त/सेट करती है। सिंटैक्स स्ट्रिंग मान प्राप्त करना inputDateObject.type type को स्ट्रिंग मान पर सेट करना inputDateObject.type = stringValue स्ट्रिंग मान यहां stringValue निम्नलिखित हो सकते हैं: stringValueविवरण dateयह परिभ

  1. HTML इनपुट फ़ील्ड के ऑटोकंप्लीट को कैसे अक्षम करें? HTML इनपुट फ़ील्ड के ऑटोकंप्लीट को कैसे अक्षम करें?

    किसी इनपुट फ़ील्ड के ऑटोकंप्लीट को अक्षम करने के लिए, आप autocomplete एट्रिब्यूट का उपयोग कर सकते हैं और इसे off पर सेट कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> input { font-size: 18px; padding: 10px; margin: 10px; border: 1px s