HTML इनपुट फॉर्म* विशेषताएँ
यह अध्याय form*HTML <input>तत्व के लिए विभिन्न विशेषताओं का वर्णन करता है।
प्रपत्र विशेषता
इनपुट formविशेषता उस रूप को निर्दिष्ट करती है जिससे <input>तत्व संबंधित है।
इस विशेषता का मान <form> तत्व की आईडी विशेषता के बराबर होना चाहिए, जिससे यह संबंधित है।
उदाहरण
HTML फॉर्म के बाहर स्थित एक इनपुट फ़ील्ड (लेकिन फिर भी फॉर्म का एक हिस्सा):
<form action="/action_page.php" id="form1">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last
name:</label>
<input type="text" id="lname"
name="lname" form="form1">
गठन विशेषता
इनपुट formactionविशेषता उस फ़ाइल के URL को निर्दिष्ट करती है जो फ़ॉर्म सबमिट होने पर इनपुट को संसाधित करेगी।
नोट: यह विशेषता तत्व
actionकी विशेषता को ओवरराइड करती है।<form>
formactionविशेषता निम्न इनपुट प्रकारों के साथ काम करती है: सबमिट करें और छवि ।
उदाहरण
दो सबमिट बटनों वाला एक HTML फॉर्म, विभिन्न क्रियाओं के साथ:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
फॉर्मेंक्टाइप विशेषता
इनपुट formenctype विशेषता निर्दिष्ट करती है कि सबमिट किए जाने पर फॉर्म-डेटा को कैसे एन्कोड किया जाना चाहिए (केवल विधि = "पोस्ट" वाले फॉर्म के लिए)।
नोट: यह विशेषता <form>तत्व की enctype विशेषता को ओवरराइड करती है।
formenctypeविशेषता निम्न इनपुट प्रकारों के साथ काम करती है: सबमिट करें और छवि ।
उदाहरण
दो सबमिट बटन वाला एक फॉर्म। पहला डिफ़ॉल्ट एन्कोडिंग के साथ फॉर्म-डेटा भेजता है, दूसरा फॉर्म-डेटा एन्कोडेड को "मल्टीपार्ट/फॉर्म-डेटा" के रूप में भेजता है:
<form action="/action_page_binary.asp" method="post">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formenctype="multipart/form-data"
value="Submit as
Multipart/form-data">
</form>
प्रपत्र विधि विशेषता
इनपुट formmethod विशेषता कार्रवाई URL को प्रपत्र-डेटा भेजने के लिए HTTP विधि को परिभाषित करती है।
नोट: यह विशेषता <form>तत्व की विधि विशेषता को ओवरराइड करती है।
formmethodविशेषता निम्न इनपुट प्रकारों के साथ काम करती है: सबमिट करें और छवि ।
प्रपत्र-डेटा को URL चर (विधि = "प्राप्त") या HTTP पोस्ट लेनदेन (विधि = "पोस्ट") के रूप में भेजा जा सकता है।
"प्राप्त करें" विधि पर नोट्स:
- यह विधि फॉर्म-डेटा को URL में नाम/मूल्य जोड़े में जोड़ती है
- यह विधि फॉर्म सबमिशन के लिए उपयोगी है जहां उपयोगकर्ता परिणाम को बुकमार्क करना चाहता है
- आप URL में कितना डेटा रख सकते हैं इसकी एक सीमा है (ब्राउज़र के बीच भिन्न होता है), इसलिए, आप यह सुनिश्चित नहीं कर सकते हैं कि सभी प्रपत्र-डेटा सही ढंग से स्थानांतरित किए जाएंगे
- संवेदनशील जानकारी पास करने के लिए कभी भी "प्राप्त करें" पद्धति का उपयोग न करें! (पासवर्ड या अन्य संवेदनशील जानकारी ब्राउज़र के एड्रेस बार में दिखाई देगी)
"पोस्ट" विधि पर नोट्स:
- यह विधि प्रपत्र-डेटा को HTTP पोस्ट लेनदेन के रूप में भेजती है
- "पोस्ट" पद्धति के साथ फॉर्म सबमिशन को बुकमार्क नहीं किया जा सकता है
- "पोस्ट" विधि "प्राप्त" की तुलना में अधिक मजबूत और सुरक्षित है, और "पोस्ट" की आकार सीमाएँ नहीं हैं
उदाहरण
दो सबमिट बटन वाला एक फॉर्म। पहला फॉर्म-डेटा को विधि = "प्राप्त" के साथ भेजता है। दूसरा फॉर्म-डेटा को विधि = "पोस्ट" के साथ भेजता है:
<form action="/action_page.php" method="get">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit using
GET">
<input type="submit" formmethod="post" value="Submit using
POST">
</form>
प्रारूप लक्ष्य विशेषता
इनपुट formtargetविशेषता एक नाम या कीवर्ड निर्दिष्ट करती है जो इंगित करती है कि फ़ॉर्म सबमिट करने के बाद प्राप्त प्रतिक्रिया को कहां प्रदर्शित करना है।
नोट: यह विशेषता <form>तत्व की लक्ष्य विशेषता को ओवरराइड करती है।
formtargetविशेषता निम्न इनपुट प्रकारों के साथ काम करती है: सबमिट करें और छवि ।
उदाहरण
दो सबमिट बटन वाला एक फॉर्म, विभिन्न लक्ष्य विंडो के साथ:
<form action="/action_page.php">
<label for="fname">First
name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname"
name="lname"><br><br>
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
फॉर्मनोवालिडेट विशेषता
इनपुट formnovalidateविशेषता निर्दिष्ट करती है कि सबमिट किए जाने पर <इनपुट> तत्व को मान्य नहीं किया जाना चाहिए।
नोट: यह विशेषता <form>
तत्व की नवलिडेट विशेषता को ओवरराइड करती है।
विशेषता निम्न इनपुट प्रकारों के formnovalidateसाथ काम करती है: सबमिट करें।
उदाहरण
दो सबमिट बटन वाला एक फॉर्म (सत्यापन के साथ और बिना):
<form action="/action_page.php">
<label for="email">Enter your
email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit"
formnovalidate="formnovalidate"
value="Submit without validation">
</form>
नोवालिडेट विशेषता
novalidateगुण एक गुण है <form>।
मौजूद होने पर, नोवालिडेट निर्दिष्ट करता है कि सबमिट किए जाने पर सभी फॉर्म-डेटा को मान्य नहीं किया जाना चाहिए।
उदाहरण
निर्दिष्ट करें कि सबमिट करने पर कोई फॉर्म-डेटा मान्य नहीं होना चाहिए:
<form action="/action_page.php" novalidate>
<label
for="email">Enter your email:</label>
<input type="email"
id="email" name="email"><br><br>
<input type="submit"
value="Submit">
</form>
एचटीएमएल फॉर्म और इनपुट तत्व
| Tag | Description |
|---|---|
| <form> | Defines an HTML form for user input |
| <input> | Defines an input control |
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।