HTML फॉर्म क्या हैं और उनका उपयोग कैसे करें?

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

एक फॉर्म साइट विज़िटर से इनपुट लेता है और इसे सीजीआई, एएसपी स्क्रिप्ट या पीएचपी स्क्रिप्ट इत्यादि जैसे बैक-एंड एप्लिकेशन पर पोस्ट करता है। बैक-एंड एप्लिकेशन एप्लिकेशन के अंदर परिभाषित व्यावसायिक तर्क के आधार पर पारित डेटा पर आवश्यक प्रसंस्करण करता है।

HTML

टैग का उपयोग HTML में एक फॉर्म बनाने के लिए किया जाता है।

जैसा कि ऊपर दिखाया गया है, हमने कुछ विशेषताओं का उपयोग किया है। यहाँ प्रपत्र विशेषताएँ हैं

HTML फ़ॉर्म विशेषताएँ

यहाँ HTML फॉर्म की विशेषताएँ हैं,

S.No	विशेषता और विवरण
1	कार्रवाई आपके पारित डेटा को संसाधित करने के लिए बैकएंड स्क्रिप्ट तैयार है।
2	विधि डेटा अपलोड करने के लिए उपयोग की जाने वाली विधि। सबसे अधिक उपयोग किए जाने वाले GET और POST तरीके हैं।
3	लक्ष्य लक्ष्य विंडो या फ़्रेम निर्दिष्ट करें जहां स्क्रिप्ट का परिणाम प्रदर्शित किया जाएगा। यह _blank, _self, _parent आदि जैसे मान लेता है।
4	Enctype आप यह निर्दिष्ट करने के लिए enctype विशेषता का उपयोग कर सकते हैं कि ब्राउज़र डेटा को सर्वर पर भेजने से पहले कैसे एन्कोड करता है। संभावित मान हैं - आवेदन/x-www-form- urlencoded - यह मानक विधि है जिसका अधिकांश रूप साधारण परिदृश्यों में उपयोग करते हैं। बहुविकल्पी /फॉर्म-डेटा - इसका उपयोग तब किया जाता है जब आप बाइनरी डेटा को इमेज, वर्ड फाइल आदि फाइलों के रूप में अपलोड करना चाहते हैं।

HTML फ़ॉर्म नियंत्रण

डेटा एकत्र करने के लिए विभिन्न प्रकार के प्रपत्र नियंत्रण उपलब्ध हैं जैसे टेक्स्ट इनपुट, चेकबॉक्स, रेडियो बॉक्स, फ़ाइल चयन बॉक्स, सबमिट बटन, आदि।

आइए HTML फॉर्म में <इनपुट> टैग के साथ उपयोगकर्ता इनपुट प्राप्त करने के लिए एक सरल उदाहरण देखें:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Forms</title>
   </head>
   <body>
      <form>
         Student Name: <input type = "text" name = "sname" /><br>
         Student Subject: <input type = "text" name = "ssubject" />
      </form>
   </body>
</html>

उपरोक्त कोड के साथ, नाम और विषय के लिए उपयोगकर्ता इनपुट प्राप्त करें।

हमने विशेषताओं प्रकार . का उपयोग किया है और नाम . आइए <इनपुट> टैग,

. के लिए अन्य सभी विशेषताओं को देखें

Sr.No	विशेषता और विवरण
1	टाइप करें इनपुट नियंत्रण के प्रकार को इंगित करता है और टेक्स्ट इनपुट नियंत्रण के लिए इसे टेक्स्ट पर सेट किया जाएगा।
2	नाम नियंत्रण को एक नाम देने के लिए प्रयुक्त होता है जिसे सर्वर को पहचानने और मूल्य प्राप्त करने के लिए भेजा जाता है
3	मान इसका उपयोग नियंत्रण के अंदर प्रारंभिक मूल्य प्रदान करने के लिए किया जा सकता है।
4	आकार अक्षरों के संदर्भ में टेक्स्ट-इनपुट नियंत्रण की चौड़ाई निर्दिष्ट करने की अनुमति देता है
5	अधिकतम लंबाई उपयोगकर्ता द्वारा टेक्स्ट बॉक्स में दर्ज किए जा सकने वाले वर्णों की अधिकतम संख्या निर्दिष्ट करने की अनुमति देता है।