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

HTML फॉर्म का उपयोग करके उपयोगकर्ता इनपुट कैसे लें?


HTML फॉर्म का उपयोग करके, आप आसानी से उपयोगकर्ता इनपुट ले सकते हैं। <form> टैग का उपयोग फॉर्म एलिमेंट्स जोड़कर उपयोगकर्ता इनपुट प्राप्त करने के लिए किया जाता है। विभिन्न प्रकार के फॉर्म एलिमेंट्स में टेक्स्ट इनपुट, रेडियो बटन इनपुट, सबमिट बटन आदि शामिल हैं।

आइए <input> टैग के बारे में जानें, जो type विशेषता का उपयोग करके उपयोगकर्ता इनपुट लेने में आपकी मदद करता है। यह विशेषता फॉर्म एलिमेंट्स जैसे टेक्स्ट इनपुट, चेकबॉक्स, रेडियो आदि के साथ उपयोग की जाती है।

उदाहरण

HTML फॉर्म का उपयोग करके उपयोगकर्ता इनपुट लेने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>
  <body>
    <head>
      <title>HTML Forms</title>
    </head>
    <p>अपना विवरण जोड़ें:</p>
    <form>
      छात्र नाम:<br> <input type="text" name="name">
      <br>
      छात्र विषय:<br> <input type="text" name="subject">
      <br>
      रैंक:<br> <input type="text" name="rank">
    </form>
  </body>
</html>

ऊपर, आप निम्न दो विशेषताएं देख सकते हैं:

  • type
    इनपुट कंट्रोल के प्रकार को इंगित करता है और टेक्स्ट इनपुट कंट्रोल के लिए इसे टेक्स्ट पर सेट किया जाएगा।
  • name
    सर्वर को भेजे जाने वाले कंट्रोल को नाम देने के लिए उपयोग किया जाता है ताकि इसे पहचाना जा सके और मान प्राप्त किया जा सके।

  1. HTML फॉर्म का उपयोग करके ईमेल कैसे भेजें? HTML फॉर्म का उपयोग करके ईमेल कैसे भेजें?

    HTML फॉर्म का उपयोग करके ईमेल भेजने के लिए, आपको फॉर्म के action एट्रिब्यूट में mailto: प्रीफिक्स के साथ ईमेल आईडी जोड़नी होगी। उदाहरण के लिए: mailto:emailid@example.com।उदाहरणनिम्न कोड चलाकर HTML फॉर्म से ईमेल भेजने का प्रयास करें:<!DOCTYPE html> <html>    <body>  

  1. HTML फॉर्म में सभी इनपुट फ़ील्ड कैसे रीसेट करें? HTML फॉर्म में सभी इनपुट फ़ील्ड कैसे रीसेट करें?

    HTML फॉर्म का उपयोग करके आप आसानी से उपयोगकर्ता इनपुट ले सकते हैं। <form> टैग फॉर्म एलिमेंट्स जोड़कर उपयोगकर्ता इनपुट प्राप्त करता है। विभिन्न प्रकार के फॉर्म एलिमेंट्स में टेक्स्ट इनपुट, रेडियो बटन, सबमिट बटन आदि शामिल हैं।<input> टैग type एट्रिब्यूट का उपयोग करके उपयोगकर्ता इनपुट लेने

  1. HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं? HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं?

    मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML <textarea> टैग का उपयोग करें। आप cols और rows एट्रिब्यूट्स का उपयोग करके टेक्स्ट एरिया का आकार सेट कर सकते हैं। इसका उपयोग फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें।<textarea> टैग के एट्रिब्यूट्सएट्रिब्य