HTML फ़ॉर्म एट्रिब्यूट्स
In this page:
<form action="url" method="get|post" target="_self" autocomplete="on|off" novalidate>
<!-- form controls -->
</form>action Attribute
action attribute उस सर्वर URL या endpoint को डिफाइन करता है जहाँ यूज़र के submit बटन क्लिक करने पर फॉर्म डेटा भेजा जाएगा।
- अगर आप action attribute को खाली छोड़ देते हैं, तो ब्राउज़र डेटा को सीधे मौजूदा पेज के URL पर सबमिट कर देगा।
- Accepted values:
- action — absolute URL | relative URL | empty (current page)
- Overridden by a submit button formaction
उदाहरण: The action Attribute
<form action="/submit-form">
<input type="text" name="query">
</form>method Attribute
method attribute आपके फॉर्म डेटा को भेजने के लिए उपयोग किए जाने वाले HTTP protocol method को डिफाइन करता है। आप GET method (जो डेटा को URL path में जोड़ता है) और POST method (जो डेटा को request body के अंदर छुपाता है) के बीच चुन सकते हैं।
- search queries के लिए GET method का उपयोग करें, और passwords या file uploads जैसी संवेदनशील जानकारी के लिए POST method का उपयोग करें।
- Accepted values:
- get — data in URL; default
- post — data in request body
- dialog — closes the enclosing dialog
उदाहरण: The method Attribute
<form action="/search" method="get">
<input type="text" name="q">
</form>target Attribute
target attribute ब्राउज़र को बताता है कि फॉर्म सबमिट होने के बाद response पेज कहाँ दिखाना है। यह बिल्कुल standard links पर मौजूद target attribute की तरह काम करता है, जिससे आप response पेज को मौजूदा विंडो में या नए टैब में लोड करा सकते हैं।
- जब आप चाहते हैं कि फीडबैक सबमिट करने के बाद यूज़र आपके मौजूदा tool पेज पर बने रहें, तो target="_blank" सेट करें।
- Accepted values:
- _self — same context (default)
- _blank — new tab or window
- _parent — parent context
- _top — top-level context
- framename — a named iframe
उदाहरण: The target Attribute
<form action="/feedback" method="post" target="_blank">
<input type="text" name="comment">
</form>autocomplete Attribute
autocomplete attribute ब्राउज़र को बताता है कि वह यूज़र की पिछली एंट्रीज़ के आधार पर फॉर्म फील्ड्स को अपने आप भर सकता है या नहीं। आप पूरे फॉर्म के लिए या specific input फील्ड्स के लिए इस सेटिंग को ऑन या ऑफ कर सकते हैं।
- registration forms पर autocomplete को enabled रखें ताकि आपके यूज़र को बार-बार वही डिटेल्स टाइप न करनी पड़ें।
- Accepted values:
- on — allow browser autofill (default)
- off — disable autofill
उदाहरण: The autocomplete Attribute
<form autocomplete="on">
<input type="text" name="username">
</form>novalidate Attribute
डिफ़ॉल्ट रूप से, ब्राउज़र सबमिट करने से पहले फॉर्म फील्ड्स पर बेसिक validation checks करते हैं (जैसे यह सुनिश्चित करना कि email फील्ड में '@' चिह्न हो)।
novalidate attribute इन native ब्राउज़र चेक्स को बंद कर देता है, जिससे आप इसके बजाय custom JavaScript का उपयोग करके validation खुद संभाल सकते हैं।
- जब आप JavaScript का उपयोग करके कस्टम, स्टाइल किए गए error messages डिज़ाइन करना चाहते हैं, तो novalidate attribute का उपयोग करें।
- Accepted values:
- novalidate — boolean attribute
- Skips built-in validation on submit
उदाहरण: The novalidate Attribute
<form action="/submit" novalidate>
<input type="email" name="email" required>
</form>- sensitive user passwords या payment details transmit करने के लिए public GET method इस्तेमाल करना।
- action attribute के अंदर अपने server endpoint URLs की spelling गलत करना, जिससे form submissions fail हो जाते हैं।
- user inputs को verify करने के लिए custom scripts लिखे बिना novalidate attribute से browser validation disable करना।
- action attribute वह destination URL specify करता है जहाँ आपका form data भेजा जाएगा।
- method attribute define करता है कि data कैसे transmit होता है: publicly URL में (GET) या securely request body के अंदर (POST)।
- autocomplete से browser autofill features control करें, और novalidate से native browser validation checks toggle करें।
standard HTML form attributes सभी web browsers द्वारा natively supported हैं।
Chapter Quiz — Complete all 7 topics to unlock
0/7 topics done
Complete these topics first: