HTML फॉर्म गुण

इस अध्याय में 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 जवाब विंडो के पूरे body में दिखाया जाएगा。
framename जवाब नामित iframe में दिखाया जाएगा。

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

उदाहरण

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

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

स्वयं प्रयोग करें

Method गुण

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

फॉर्म डाटा 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 फॉर्म सबमिट करने के बाद जहां पर प्राप्त जवाब दिखाया जाए, इसे निर्धारित करता है。