लोड हो रहा है...
HTML फ़ॉर्म attributes
फ़ॉर्म ने कंकाल दिया। फ़ॉर्म attributes व्यवहार सुधारते हैं — खाली action, get vs post, ऑटोफ़िल, जाँच, स्वयं form का नाम। input प्रकार और form= बाद में।
फ़ॉर्म attributes क्यों मायने रखते हैं
दो समान फ़ॉर्म अलग व्यवहार कर सकते हैं। form पर attributes बिना नए फ़ील्ड गंतव्य, HTTP शैली, ऑटोफ़िल और सत्यापन बदलते हैं।
सीधा उत्तर
1) action + method. 2) खाली action → वर्तमान पेज. 3) autocomplete. 4) novalidate जानबूझकर. 5) form पर id/name स्क्रिप्ट के लिए.
📊 Form attributes at a glance
| Attribute | Role | Beginner tip |
|---|---|---|
| action | Where the browser sends the data | Empty often means “this page” |
| method | get (query string) or post (request body) | Prefer post for private or large data |
| autocomplete | Autofill hint for the form | off for sensitive practice forms |
| novalidate | Skip built-in HTML checks on submit | Demo tool — not a production default |
| name / id | Identify the form element itself | Useful when scripts or CSS target the form |
attributes वाला संपर्क फ़ॉर्म
सब्सक्राइब कंकाल बढ़ाएँ: लेबल वाले फ़ील्ड रखें; खुलते form टैग को सजाएँ।
<form
id="contact"
name="contact"
action="/contact"
method="post"
autocomplete="on">
<label for="full-name">Name</label>
<input id="full-name" name="full_name" type="text" required>
<label for="msg">Message</label>
<textarea id="msg" name="message" rows="3" required></textarea>
<button type="submit">Send</button>
</form>
संपर्क डेमो पढ़ें
- id/name फ़ॉर्म पहचानते हैं
- action स्पष्ट पथ
- post संदेश को एड्रेस बार से दूर रखता है
- autocomplete=on ऑटोफ़िल अनुमति
- फ़ील्ड name पेलोड कुंजी
- required फ़ील्ड-स्तर
GET खोज और वैकल्पिक novalidate
खोज अक्सर get इस्तेमाल करती है ताकि क्वेरी URL में रहे। संवेदनशील नहीं। अभ्यास के लिए autocomplete=off. novalidate सिर्फ विशेष डेमो।
<form action="/search" method="get" autocomplete="off">
<label for="q">Search</label>
<input id="q" name="q" type="search">
<button type="submit">Go</button>
</form>
<!-- Demo-only: skip built-in checks
<form action="/demo" method="post" novalidate>
...
</form>
-->
खोज डेमो पढ़ें
- get ?q= जोड़ता है
- autocomplete=off ऑटोफ़िल घटाता है
- बिना required खाली भी जाते हैं
- novalidate सिर्फ याद
- पासवर्ड के लिए कभी get नहीं
खाली action और GET बनाम POST
- खाली/छोड़ा → वर्तमान URL
- get फ़िल्टर/खोज
- post साइनअप/संदेश
- अकेला method सुरक्षा नहीं
अभ्यास — attributes ट्यून करें
- action खाली करें
- खोज method बदलें
- संपर्क पर autocomplete=off
- required के साथ अस्थायी novalidate
- novalidate हटाएँ
- form id और फ़ील्ड name जाँचें
- वाक्य: attributes गंतव्य, शैली, ऑटोफ़िल, जाँच ट्यून करते हैं
आसान गलतियाँ
- खाली action की हैरानी
- get से पासवर्ड
- लाइव में स्थायी novalidate
- form name को फ़ील्ड name से उलझाना
- off को सुरक्षा गारंटी समझना
- action और method बदलना
सार
- attributes सबमिट व्यवहार सुधारते हैं
- action + method मुख्य; खाली → वर्तमान URL
- autocomplete और novalidate वैकल्पिक
- form name/id बनाम फ़ील्ड name
- निजी के लिए post
- अगला: फ़ॉर्म तत्व
🧠 अपने ज्ञान की परीक्षा करें
शुरू करने के लिए तैयार
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
5
प्रश्न
70%
पास करने के लिए
∞
समय
∞
प्रयास
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी