HTML Form Attributes

HTML चरण विशेषताएँ सीखें

HTML चरण विशेषताएँ

यह अध्याय HTML <form> तत्व के लिए विभिन्न विशेषताओं का वर्णन करता है।

क्रिया विशेषता

कार्रवाई प्रस्तुत किए जाने पर की जाने वाली कार्रवाई को परिभाषित करता है

लक्ष्य विशेषता

निर्दिष्ट करता है कि प्रतिक्रिया कहाँ प्रदर्शित करनी है

विधि विशेषता

उपयोग करने के लिए HTTP विधि निर्दिष्ट करता है

क्रिया विशेषता

एक्शन विशेषता कार्रवाई सबमिट होने पर की जाने वाली कार्रवाई को परिभाषित करती है।

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

नीचे दिए गए उदाहरण में, कार्रवाई डेटा को "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="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form>

💡सहायता नोट:

यदि क्रिया विशेषता छोड़ दी जाती है, तो क्रिया वर्तमान पृष्ठ पर सेट हो जाती है।

लक्ष्य विशेषता

लक्ष्य विशेषता निर्दिष्ट करती है कि चरण सबमिट करने के बाद प्राप्त प्रतिक्रिया को कहाँ प्रदर्शित किया जाए।

लक्ष्य विशेषता में निम्नलिखित में से एक मान हो सकता है:

कीमत व्याख्या
_blank उत्तर एक नई विंडो या पॉपअप में प्रदर्शित किया जाएगा
_self उत्तर वर्तमान विंडो में प्रदर्शित किया जाएगा
_parent उत्तर सूची में प्रदर्शित किया जाएगा
_top उत्तर विंडो के संपूर्ण भाग में प्रदर्शित होता है
framename प्रतिक्रिया नामित iframe में प्रदर्शित होती है

डिफ़ॉल्ट मान _self है, जिसका अर्थ है कि प्रतिक्रिया वर्तमान विंडो में खुलेगी।

उदाहरण

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

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

विधि विशेषता

मेथड विशेषता चरण डेटा सबमिट करते समय उपयोग की जाने वाली HTTP विधि को निर्दिष्ट करती है।

चरण-डेटा को यूआरएल वेरिएबल के रूप में (विधि = "प्राप्त करें" के साथ) या HTTP पोस्ट एक्सचेंज के रूप में (विधि = "पोस्ट" के साथ) भेजा जा सकता है।

चरण डेटा सबमिट करते समय GET डिफ़ॉल्ट HTTP विधि है।

उदाहरण

चरण डेटा सबमिट करते समय यह उदाहरण GET विधि का उपयोग करता है:

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

उदाहरण

यह उदाहरण डेटा सबमिट करते समय POST पद्धति का उपयोग करता है:

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

GET पर नोट्स:

कदमवत डेटा को नाम/मूल्य जोड़े के रूप में यूआरएल से जोड़ता है
संवेदनशील डेटा भेजने के लिए GET का उपयोग न करें! (सबमिट किया गया चरण डेटा यूआरएल में दिखाई दे रहा है!)
चरण-दर-चरण सबमिशन के लिए उपयोगी जहां उपयोगकर्ता परिणाम को बुकमार्क करना चाहता है

पोस्ट पर नोट्स:

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

⚠️महत्वपूर्ण नोट:

जब चरण डेटा में संवेदनशील या निजी जानकारी हो तो हमेशा POST का उपयोग करें!

स्वत: पूर्ण विशेषता

स्वत: पूर्ण विशेषता निर्दिष्ट करती है कि किसी चरण के लिए स्वत: पूर्णता को सक्षम या अक्षम किया जाना चाहिए या नहीं।

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

उदाहरण

स्वत: पूर्ण सक्षम वाला चरण:

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

नवीनीकृत विशेषता

नोवेलिडेट विशेषता एक बूलियन विशेषता है।

उदाहरण के लिए, निर्दिष्ट करता है कि कदमवा-डेटा (इनपुट) को सबमिट किए जाने पर मान्य नहीं किया जाना चाहिए।

उदाहरण

नवीनीकृत विशेषता के साथ कदम:

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

अभ्यास

किसी कमांड के परिणाम को नए ब्राउज़र टैब में खोलने के लिए सही सिंटैक्स क्या है?

<form action='/action_page.php' target='_blank'>
✓ ठीक है! target='_blank' एक नई विंडो या पॉपअप में खुलेगा
<form action='/action_page.php' target='_top'>
✗ ग़लत! target='_top' विंडो का संपूर्ण भाग प्रदर्शित करेगा, नया टैग नहीं
<form action='/action_page.php' target='_new'>
✗ ग़लत! '_नया' मान्य लक्ष्य मान नहीं है

सभी <form> विशेषताओं की एक सूची

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