HTML फॉर्म साइट विज़िटर से कुछ डेटा एकत्र करने के लिए आवश्यक हैं। उदाहरण के लिए, कॉलेज वेबसाइट पर पंजीकरण करते समय छात्र के बारे में जानकारी एकत्र करना जैसे नाम, आयु, पता, अंक आदि।
एक फॉर्म साइट विज़िटर से इनपुट लेता है और इसे बैक-एंड एप्लिकेशन जैसे CGI, ASP स्क्रिप्ट या PHP स्क्रिप्ट आदि पर पोस्ट करता है। बैक-एंड एप्लिकेशन एप्लिकेशन के अंदर परिभाषित बिजनेस लॉजिक के आधार पर पास किए गए डेटा पर आवश्यक प्रसंस्करण करता है।
HTML में फॉर्म बनाने के लिए <form> टैग का उपयोग किया जाता है।
HTML फॉर्म विशेषताएं
यहां HTML फॉर्म की विशेषताएं हैं:
| क्र.सं. | विशेषता और विवरण |
| 1 | Action - आपके पास किए गए डेटा को प्रोसेस करने के लिए तैयार बैकएंड स्क्रिप्ट। |
| 2 | Method - डेटा अपलोड करने के लिए उपयोग की जाने वाली विधि। सबसे अधिक उपयोग की जाने वाली GET और POST विधियां हैं। |
| 3 | Target - लक्ष्य विंडो या फ्रेम निर्दिष्ट करें जहां स्क्रिप्ट का परिणाम प्रदर्शित होगा। यह _blank, _self, _parent आदि जैसे मान लेता है। |
| 4 | Enctype - आप ब्राउज़र द्वारा सर्वर को भेजने से पहले डेटा को एन्कोड करने का तरीका निर्दिष्ट करने के लिए enctype विशेषता का उपयोग कर सकते हैं। संभावित मान हैं: application/x-www-form-urlencoded - यह सरल परिदृश्यों में अधिकांश फॉर्म द्वारा उपयोग की जाने वाली मानक विधि है। multipart/form-data - इसका उपयोग तब किया जाता है जब आप छवि, वर्ड फ़ाइल आदि जैसी फ़ाइलों के रूप में बाइनरी डेटा अपलोड करना चाहते हैं। |
HTML फॉर्म कंट्रोल्स
डेटा एकत्र करने के लिए विभिन्न प्रकार के फॉर्म कंट्रोल्स उपलब्ध हैं जैसे टेक्स्ट इनपुट, चेकबॉक्स, रेडियो बॉक्स, फ़ाइल सेलेक्ट बॉक्स, सबमिट बटन आदि।
आइए HTML फॉर्म में <input> टैग से उपयोगकर्ता इनपुट प्राप्त करने का एक सरल उदाहरण देखें:
उदाहरण
<!DOCTYPE html> <html>
<head>
<title>HTML Forms</title>
</head>
<body>
<form>
छात्र नाम: <input type = "text" name = "sname" /><br>
छात्र विषय: <input type = "text" name = "ssubject" />
</form>
</body>
</html>
उपरोक्त कोड से, नाम और विषय के लिए उपयोगकर्ता इनपुट प्राप्त करें।
हमने विशेषताओं type और name का उपयोग किया है। आइए <input> टैग के लिए अन्य सभी विशेषताएं देखें:
| क्रमांक | विशेषता और विवरण |
| 1 | type - इनपुट कंट्रोल के प्रकार को इंगित करता है और टेक्स्ट इनपुट कंट्रोल के लिए इसे text पर सेट किया जाएगा। |
| 2 | name - सर्वर को भेजे जाने वाले कंट्रोल को नाम देने के लिए उपयोग किया जाता है ताकि इसे पहचाना जा सके और मान प्राप्त किया जा सके। |
| 3 | value - इसका उपयोग कंट्रोल के अंदर प्रारंभिक मान प्रदान करने के लिए किया जा सकता है। |
| 4 | size - कैरेक्टर्स के संदर्भ में टेक्स्ट-इनपुट कंट्रोल की चौड़ाई निर्दिष्ट करने की अनुमति देता है। |
| 5 | maxlength उन अधिकतम कैरेक्टर्स की संख्या निर्दिष्ट करने की अनुमति देता है जो उपयोगकर्ता टेक्स्ट बॉक्स में दर्ज कर सकता है। |
