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

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


<input type="color"> रंग के साथ इनपुट फ़ील्ड के लिए है। यह आपको कलर पिकर से रंग चुनने की अनुमति देगा।

जब आप डिफ़ॉल्ट कलर बॉक्स पर क्लिक करेंगे तो एक कलर पिकर दिखाई देगा। यहां, आप value एट्रिब्यूट के साथ डिफ़ॉल्ट रंग भी सेट कर सकते हैं।

उदाहरण

इनपुट टाइप कलर के साथ कलर पिकर दिखाने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML इनपुट कलर</title>    </head>    <body>       <form action = "" method = "get">          अपनी वेबसाइट के लिए कौन सा रंग चाहते हैं:<br><br>          <input type="color" name="favcolor" value="#FFFFFF"><br>          <input type="submit" value="सबमिट">       </form>    </body> </html>

मान 7-कैरेक्टर हेक्स कलर कोड होना चाहिए (उदाहरण: #FF0000 लाल के लिए)।

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

    HTML में डेटटाइम इनपुट टाइप <input type="datetime-local"> का उपयोग करके किया जाता है। इसका उपयोग करके, उपयोगकर्ताओं को डेट और टाइम चुनने की अनुमति दें। इनपुट फ़ील्ड पर क्लिक करने पर एक डेट टाइम पिकर पॉपअप दिखाई देता है।नोट: इनपुट टाइप डेटटाइम Firefox और Internet Explorer में समर्थित

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

    formmethod एट्रिब्यूट का उपयोग फॉर्म जानकारी भेजने के लिए HTTP तकनीक को परिभाषित करने के लिए किया जाता है। यह मेथड इनपुट टाइप सबमिट और इमेज के साथ उपयोग किया जाता है। यह HTML फॉर्म्स के method एट्रिब्यूट को ओवरराइड करता है।उदाहरणHTML में formmethod एट्रिब्यूट का उपयोग करने का तरीका सीखने के लिए निम्

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

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