एक्सएचटीएमएल फॉर्म गुण

इस चैप्टर में HTML का परिचय दिया जाता है <form> एलिमेंट के विभिन्न गुण

Action गुण

action गुण परिभाषित सबमिट फॉर्म करते समय करने वाली कार्रवाई है。

सामान्यतया, जब उपयोगकर्ता "सबमिट" बटन पर क्लिक करता है, तो फॉर्म डाटा सेवर पर फ़ाइल में भेजा जाता है。

नीचे दिए गए उदाहरण में, फॉर्म डाटा "action_page.php" नाम के फ़ाइल को भेजा जाता है। इस फ़ाइल में फॉर्म डाटा को सेवर सिडी भेंड़ शुट की गई है:

उदाहरण

सबमिट करने के बाद, फॉर्म डाटा को "action_page.php" पर भेजा जाएगा：

<form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

अपने आप प्रयास करें

सूचना:यदि action गुण को छोड़ दिया जाता है, तो action को वर्तमान पृष्ठ पर सेट किया जाएगा。

Target गुण

target गुण फॉर्म सबमिट के बाद प्रतिक्रिया कहाँ दिखाई देने को निर्धारित करता है。

target गुण को निम्नलिखित मानों में से एक निर्धारित किया जा सकता है:

मान वर्णन
_blank प्रतिक्रिया नए विंडो या टैब में दिखाई देती है。
_self प्रतिक्रिया वर्तमान विंडो में दिखाई देती है。
_parent प्रतिक्रिया पैर फ्रेम में दिखाई देती है。
_top प्रतिक्रिया विंडो के पूरे बॉडी में दिखाई देती है。
framename प्रतिक्रिया नामक फ्रेम में दिखाई देती है。

डिफ़ॉल्ट मान है _selfइसका मतलब है कि प्रतिक्रिया वर्तमान विंडो में खोली जाएगी。

उदाहरण

यहाँ, सबमिट करने के परिणाम नए ब्राउज़र टैब में खोले जाएंगे:

<form action="/action_page.php" target="_blank">

अपने आप प्रयास करें

Method गुण

method गुण सबमिट फॉर्म डाटा करने के लिए उपयोग करने हेतु चाहिए वाले HTTP विधि को निर्दिष्ट करता है。

फॉर्म डाटा URL परिवर्तनकर्ता ( method="get") या HTTP post लेनदान ( method="post") भेजें。

सबमिट फॉर्म डाटा करने के लिए मूलभूत HTTP विधि GET है。

उदाहरण

इस उदाहरण में, फॉर्म डाटा सबमिट करने के लिए GET विधि का उपयोग किया जाता है:

<form action="/action_page.php" method="get">

अपने आप प्रयास करें

उदाहरण

इस उदाहरण में, फॉर्म डाटा सबमिट करने के लिए POST विधि का उपयोग किया जाता है:

<form action="/action_page.php" method="post">

अपने आप प्रयास करें

GET के बारे में संदर्भ:

  • फॉर्म डाटा को URL में नाम/मूल्य जोड़े के रूप में जोड़ें
  • कभी भी GET के द्वारा संवेदनशील डाटा भेजने का उपयोग न करें! (सबमिट के फॉर्म डाटा URL में दिखाए जाते हैं!)
  • URL की लंबाई सीमा बनाई गई है (2048 अक्षर)
  • इसका उपयोग उपयोगकर्ता द्वारा परिणाम को बुकमार्क के रूप में जोड़ने के लिए किया जाता है
  • GET असुरक्षित डाटा के लिए उपयोग किया जाता है, जैसे Google में क्वेरी स्ट्रिंग

POST के बारे में संदर्भ:

  • फॉर्म डाटा को HTTP अनुरोध के मुख्य श्लोक में जोड़ें (सबमिट के फॉर्म डाटा URL में दिखाए नहीं जाते)
  • POST का आकार सीमा नहीं है, इसे बड़ी मात्रा में डाटा भेजने के लिए उपयोग किया जा सकता है。
  • POST के साथ फॉर्म सबमिट बुकमार्क जोड़ नहीं सकते

सूचना:यदि फॉर्म डाटा में संवेदनशील जानकारी या व्यक्तिगत जानकारी है, तो कृपया हमेशा POST का उपयोग करें!

स्वचालित समाप्ति गुण

autocomplete गुण फॉर्म को स्वचालित समाप्ति की सक्षमता देता है कि यह सक्षम होना चाहिए या नहीं।

स्वचालित समाप्ति को सक्षम करने के बाद, ब्राउज़र उपयोगकर्ता द्वारा पहले भरे गए मूल्यों के आधार पर मूल्यों को स्वचालित भरेगा।

उदाहरण

स्वचालित भरना सक्षम करें फॉर्म:

<form action="/action_page.php" autocomplete="on">

अपने आप प्रयास करें

Novalidate गुण

novalidate गुण एक बूलियन गुण है।

यदि सेट किया गया है, तो यह निर्धारित करता है कि फॉर्म डाटा को सबमिट करने पर फॉर्म डाटा की जांच नहीं की जाए।

उदाहरण

novalidate गुण नहीं सेट किए गए फॉर्म:

<form action="/action_page.php" novalidate>

अपने आप प्रयास करें

सभी <form> गुणों की सूची

गुण वर्णन
accept-charset निर्धारित करता है कि फॉर्म सबमिट करने के लिए चारक्टर कोडिंग क्या होना है।
action निर्धारित करता है कि फॉर्म भेजने के लिए फॉर्म डाटा कहाँ भेजा जाए।
autocomplete निर्धारित करता है कि फॉर्म को ऑटोकम्पलीट (भरना) फ़ीचर खोलना चाहिए या नहीं।
enctype निर्धारित करता है कि फॉर्म डाटा को सर्वर पर सबमिट करने के लिए कैसे कोडिंग करना है (केवल method="post" के लिए)।
method निर्धारित करता है कि फॉर्म डाटा भेजने के लिए कौनसा HTTP विधि उपयोग में लिया जाए।
name निर्धारित करता है कि फॉर्म नाम क्या होना है।
novalidate निर्धारित करता है कि फॉर्म भेजने पर फॉर्म डाटा की जांच नहीं की जाए।
rel निर्धारित करता है कि लिंक संसाधन और वर्तमान दस्तावेज़ के बीच क्या संबंध है।
target निर्धारित करता है कि फॉर्म भेजने के बाद प्राप्त जवाब कहाँ प्रदर्शित किया जाए।