HTML Input form* प्रकृति
- पिछला पृष्ठ HTML Input प्रकृति
- अगला पृष्ठ HTML5 कैनवस
कोर्स अनुशंसा: <input> इस चैप्टर में HTML एलिमेंट के विभिन्न गुण
form*
input का form विशेषता form <input> विशेषता निर्धारित करती है
एलिमेंट का फॉर्म
उदाहरण
इस विशेषता का मूल्य उसके पारित <form> एलिमेंट के id विशेषता के समान होना चाहिए।
HTML फॉर्म (लेकिन फिर भी फॉर्म का एक हिस्सा) के बाहर इनपुट फील्ड: <label for="fname">उपनाम：</label> <input type="text" id="fname" name="fname"><br><br> <input type="submit" value="सबमिट"> </form> <label for="lname">नाम：</label> <form action="/action_page.php" id="form1">
<input type="text" id="lname" name="lname" form="form1">
input का formaction formaction विशेषता
टिप्पणी: }}विशेषता निर्धारित करती है कि फॉर्म को सबमिट करते समय, इनपुट (डाटा) को कैसे संसाधित किया जाए वाला फ़ाइल का URL है। <form> इस विशेषता का एलिमेंट का गुण
formaction एट्रिब्यूट निम्नलिखित इनपुट टाइप के लिए लागू होता है: submit और image。
उदाहरण
दो टिप्पणी बटन वाला HTML फॉर्म जो अलग अलग काम करते हैं (action):
<form action="/action_page.php"> <label for="fname">उपनाम：</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">नाम：</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="सबमिट"> <input type="submit" formaction="/action_page2.php" value="प्रबंधक के रूप में प्रस्तुत करें"> </form>
formenctype विशेषता
input का formenctype विशेषता निर्धारित करती है कि फॉर्म डाटा को कैसे एन्कोड किया जाए (केवल method="post" वाले फॉर्म के लिए ही लागू होती है)。
टिप्पणी: }}इस गुण को निर्वाह करेगा <form> एलिमेंट का enctype विशेषता
formenctype एट्रिब्यूट निम्नलिखित इनपुट टाइप के लिए लागू होता है: submit और image。
उदाहरण
दो टिप्पणी बटन वाला फॉर्म। पहला डिफ़ॉल्ट एन्कोडिंग के साथ फॉर्म डाटा भेजता है, दूसरा "multipart/form-data" एन्कोडिंग के साथ फॉर्म डाटा भेजता है:
<form action="/action_page_binary.asp" method="post"> <label for="fname">पहला नाम:</label> <input type="text" id="fname" name="fname"><br><br> <input type="submit" value="सबमिट"> <input type="submit" formenctype="multipart/form-data" value="Multipart/form-data के रूप में एन्कोडिंग से प्रस्तुत करें"> </form>
formmethod विशेषता
input का formmethod विशेषता निर्धारित करती है कि फॉर्म डाटा को action URL पर कैसे HTTP विधि से भेजा जाए।
टिप्पणी: }}इस गुण को निर्वाह करेगा <form> एलिमेंट का method विशेषता
formmethod एट्रिब्यूट निम्नलिखित इनपुट टाइप के लिए लागू होता है: submit और image。
फॉर्म डाटा URL वेरियेबल (method="get") या HTTP post ज़ैनस (method="post") के रूप में भेजा जा सकता है।
GET के बारे में ध्यान दें:
- फॉर्म डाटा URL में नाम/मूल्य के रूप में जोड़ा जाता है
- कभी भी GET के द्वारा संवेदनशील डाटा भेजने का उपयोग न करें! (सबमिट किए गए फॉर्म डाटा URL में दिखाया जाता है!)
- URL की लंबाई सीमित है (2048 अक्षर)
- उपयोगकर्ता जो परिणाम को बुकमार्क के रूप में जोड़ना चाहते हैं के लिए फॉर्म सबमिट के लिए बहुत उपयोगी
- GET असुरक्षित डाटा के लिए उपयोगी है, जैसे Google में क्वेरी स्ट्रिंग
POST के बारे में ध्यान दें:
- फॉर्म डाटा HTTP रिक्वेस्ट के मुख्य शीर्षक में जोड़ा जाता है (सबमिट किए गए फॉर्म डाटा URL में दिखाया नहीं जाता)
- POST का आकार नहीं है, बड़ी मात्रा के डाटा भेजने के लिए उपयोगी है
- POST के साथ फॉर्म सबमिट बुकमार्क नहीं बनाया जा सकता
सूचना:यदि फॉर्म डाटा में संवेदनशील जानकारी या व्यक्तिगत जानकारी है, तो अनिवार्य रूप से POST का उपयोग करें!
उदाहरण
दो टिप्पणी बटन होने वाले फॉर्म: पहला method="get" द्वारा फॉर्म डाटा भेजता है। दूसरा method="post" द्वारा फॉर्म डाटा भेजता है:
<form action="/action_page.php" method="get"> <label for="fname">उपनाम：</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">नाम：</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="GET द्वारा सबमिट करें"> <input type="submit" formmethod="post" value="POST द्वारा सबमिट करें"> </form>
formtarget एट्रिब्यूट
input का formtarget एट्रिब्यूट एक नाम या चिह्न निर्दिष्ट करता है जो फॉर्म सबमिट के बाद जहां पर प्राप्त जवाब दिखाया जाएगा
टिप्पणी: }}इस गुण को निर्वाह करेगा <form> एलीमेंट के target एट्रिब्यूट
formtarget एट्रिब्यूट निम्नलिखित इनपुट टाइप के लिए लागू होता है: submit और image。
उदाहरण
दो टिप्पणी बटन होते हैं और अलग लक्ष्य विंडो हैं के फॉर्म:
<form action="/action_page.php"> <label for="fname">उपनाम：</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">नाम：</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="सबमिट"> <input type="submit" formtarget="_blank" value="नए विंडो/टैब में सबमिट करें"> </form>
formnovalidate एट्रिब्यूट
input का formnovalidate सदर सवाल नहीं प्रवीण नहीं होना चाहिए <input> एलीमेंट को जांच किया जाए।
टिप्पणी: }}इस गुण को निर्वाह करेगा <form> एलीमेंट के novalidate गुण
formnovalidate गुण पुर्जा के लिए लागू होता है: submit。
उदाहरण
दो टिप्पणी बटन वाला फॉर्म (जांच करने और नहीं करने):
<form action="/action_page.php"> <label for="email">अपना ईमेल दर्ज करें:</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="सबमिट"> <input type="submit" formnovalidate="formnovalidate" value="जांच नहीं करने वाला सबमिट"> </form>
novalidate गुण
novalidate गुण है <form> गुण
यदि सेट किया गया है, novalidate गुण निर्दिष्ट करता है कि सबमिट करते समय सभी फॉर्म डाटा की जांच नहीं की जाए।
उदाहरण
सबमिट करते समय कोई भी फॉर्म डाटा जांच नहीं करने के लिए निर्दिष्ट करता है:
<form action="/action_page.php" novalidate> <label for="email">अपना ईमेल दर्ज करें:</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="सबमिट"> </form>
HTML फॉर्म और इनपुट एलीमेंट
| टैग | वर्णन |
|---|---|
| <form> | यूजर इनपुट के लिए HTML फॉर्म को परिभाषित करें。 |
| <input> | इनपुट कंट्रोल को परिभाषित करें。 |
सभी उपलब्ध HTML टैग की पूरी सूची प्राप्त करने के लिए हमारे HTML टैग संदर्भ दस्तावेज।
- पिछला पृष्ठ HTML Input प्रकृति
- अगला पृष्ठ HTML5 कैनवस
