खोज…
परिचय
इनपुट तत्वों को समूह बनाने और डेटा जमा करने के लिए, HTML इनपुट और सबमिशन तत्वों को एनकैप्सुलेट करने के लिए एक फॉर्म एलिमेंट का उपयोग करता है। ये फ़ॉर्म सर्वर या हैंडलर द्वारा संकलित पृष्ठ पर निर्दिष्ट पद्धति में डेटा भेजने का काम करते हैं। यह विषय इनपुट डेटा एकत्र करने और प्रस्तुत करने में HTML रूपों के उपयोग को बताता और प्रदर्शित करता है।
वाक्य - विन्यास
<form method="post|get" action="somePage.php" target="_blank|_self|_parent|_top|framename">
पैरामीटर
| गुण | विवरण |
|---|---|
accept-charset | वर्ण एन्कोडिंग निर्दिष्ट करता है जिनका उपयोग फ़ॉर्म सबमिशन के लिए किया जाना है। |
action | निर्दिष्ट करता है कि फॉर्म सबमिट करते समय फॉर्म-डेटा कहां भेजा जाए। |
autocomplete | निर्दिष्ट करता है कि किसी प्रपत्र पर स्वत: पूर्ण होना चाहिए या नहीं। |
enctype | निर्दिष्ट करता है कि सर्वर को सबमिट करते समय फॉर्म-डेटा को कैसे एनकोड किया जाना चाहिए (केवल विधि = "पोस्ट" के लिए)। |
method | फॉर्म-डेटा (POST या GET) भेजते समय HTTP विधि का उपयोग करने के लिए निर्दिष्ट करता है। |
name | एक फॉर्म का नाम निर्दिष्ट करता है। |
novalidate | निर्दिष्ट करता है कि सबमिट करते समय फॉर्म को मान्य नहीं किया जाना चाहिए। |
target | फॉर्म सबमिट करने के बाद प्राप्त होने वाली प्रतिक्रिया को प्रदर्शित करने के लिए निर्दिष्ट करता है। |
टिप्पणियों
<form> तत्व एक ऐसे खंड का प्रतिनिधित्व करता है, जिसमें फ़ॉर्म से जुड़े तत्व होते हैं (जैसे <button> <fieldset> <input> <label> <output> <select> <textarea> ) जो किसी सर्वर को जानकारी प्रस्तुत करता है। दोनों शुरू ( <form> ) और समाप्त ( </form> ) टैग आवश्यक हैं।
भेजने से
कार्रवाई की विशेषता
प्रपत्र को प्रस्तुत करने पर होने वाली क्रिया को परिभाषित करने की क्रिया विशेषता को परिभाषित करती है, जो आमतौर पर एक स्क्रिप्ट की ओर ले जाती है जो प्रस्तुत की गई जानकारी एकत्र करती है और इसके साथ काम करती है। यदि आप इसे खाली छोड़ देते हैं, तो यह उसी फ़ाइल पर भेज देगा
<form action="action.php">
विधि की विशेषता
विधि विशेषता का उपयोग उस फॉर्म के HTTP विधि को परिभाषित करने के लिए किया जाता है जो कि GET या POST है।
<form action="action.php" method="get">
<form action="action.php" method="post">
जीईटी पद्धति का उपयोग ज्यादातर डेटा प्राप्त करने के लिए किया जाता है, उदाहरण के लिए इसकी आईडी या नाम से पोस्ट प्राप्त करने के लिए, या खोज क्वेरी सबमिट करने के लिए। GET पद्धति प्रपत्र डेटा को एक्शन विशेषता में निर्दिष्ट URL पर भेज देगी।
www.example.com/action.php?firstname=Mickey&lastname=Mouse
किसी स्क्रिप्ट में डेटा सबमिट करते समय POST विधि का उपयोग किया जाता है। POST विधि फॉर्म डेटा को कार्रवाई URL में नहीं जोड़ती बल्कि अनुरोध निकाय का उपयोग करके भेजती है।
प्रपत्र से डेटा को सही ढंग से सबमिट करने के लिए, एक नाम विशेषता नाम निर्दिष्ट किया जाना चाहिए।
एक उदाहरण के रूप में आइए क्षेत्र का मान भेजें और उसका नाम lastname पर सेट करें:
<input type="text" name="lastname" value="Mouse">
अधिक विशेषताएँ
<form action="action.php" method="post" target="_blank" accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
<!-- form elements -->
</form>
प्रपत्र टैग में लक्ष्य विशेषता
लक्ष्य विशेषता एक नाम या एक कीवर्ड निर्दिष्ट करती है जो यह दर्शाता है कि फॉर्म सबमिट करने के बाद प्राप्त होने वाली प्रतिक्रिया को प्रदर्शित करने के लिए कहां है।
लक्ष्य विशेषता एक ब्राउज़िंग संदर्भ (जैसे टैब, विंडो या इनलाइन फ़्रेम) के लिए या कीवर्ड का नाम परिभाषित करती है।
लक्ष्य विशेषता के साथ टैग से:
<form target="_blank">
मूल्यों का गुणगान करें
| मूल्य | विवरण |
|---|---|
| _blank | प्रतिक्रिया एक नई विंडो या टैब में प्रदर्शित होती है |
| _self | प्रतिक्रिया उसी फ्रेम में प्रदर्शित होती है (यह डिफ़ॉल्ट है) |
| _parent | प्रतिक्रिया को मूल फ़्रेम में प्रदर्शित किया जाता है |
| _ऊपर | प्रतिक्रिया विंडो के पूर्ण निकाय में प्रदर्शित होती है |
| framename | प्रतिक्रिया नामांकित iframe में प्रदर्शित होती है |
नोट: लक्ष्य विशेषता HTML 4.01 में पदावनत किया गया था। HTML5 में लक्ष्य विशेषता समर्थित है।
एचटीएमएल 5 में फ़्रेम और फ़्रेमसेट का समर्थन नहीं किया जाता है, इसलिए _parent, _top और framename मान अब ज्यादातर ifames के साथ उपयोग किए जाते हैं ।
फ़ाइलें अपलोड कर रहा है
छवियाँ और फ़ाइलों को अपलोड किया जा सकता है / स्थापना द्वारा सर्वर को प्रस्तुत enctype की विशेषता form के लिए टैग multipart/form-data । enctype निर्दिष्ट करता है कि सर्वर को सबमिट करते समय डेटा किस प्रकार एन्कोड किया जाएगा।
उदाहरण
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="pic" />
<input type="submit" value="Upload" />
</form>
कुछ इनपुट फ़ील्ड समूहीकृत करना
प्रपत्र डिज़ाइन करते समय, आप प्रपत्र लेआउट को व्यवस्थित करने में मदद करने के लिए समूह में कुछ इनपुट फ़ील्ड समूह के लिए पसंद कर सकते हैं। यह टैग का उपयोग करके किया जा सकता है। यहाँ इसका उपयोग करने के लिए एक उदाहरण है।
प्रत्येक फ़ील्डसेट के लिए, आप लीजेंड पाठ के टैग का उपयोग करके सेट के लिए एक किंवदंती सेट कर सकते हैं
उदाहरण
<form>
<fieldset>
<legend>1st field set:</legend>
Field one:<br>
<input type="text"><br>
Field two:<br>
<input type="text"><br>
</fieldset><br>
<fieldset>
<legend>2nd field set:</legend>
Field three:<br>
<input type="text"><br>
Field four:<br>
<input type="text"><br>
</fieldset><br>
<input type="submit" value="Submit">
</form>
परिणाम
ब्राउज़र का समर्थन
Chrome, IE, Edge, FireFox, Safari और Opera के नवीनतम संस्करण भी टैग का समर्थन करते हैं