एक <form> यूज़र इनपुट इकट्ठा करता है और उसे सर्वर पर submit करता है। मुख्य एट्रिब्यूट हैं action (कहाँ भेजना है) और method (कैसे भेजना है)।
html
Email
Password
Sign up
एक <form> यूज़र इनपुट इकट्ठा करता है और उसे सर्वर पर submit करता है। मुख्य एट्रिब्यूट हैं action (कहाँ भेजना है) और method (कैसे भेजना है)।
Email
Password
Sign up
जब यूज़र submit बटन पर क्लिक करता है (या Enter दबाता है), तो ब्राउज़र उन सभी कंट्रोल्स को जिनमें name होता है इकट्ठा करता है, उन्हें एनकोड करता है, और action पर एक रिक्वेस्ट भेजता है।
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name एट्रिब्यूट आवश्यक है<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
केवल नाम वाले (named) कंट्रोल्स ही भेजे जाते हैं। सर्वर उन्हें उनके name के ज़रिए पढ़ता है।
form.addEventListener("submit", (e) => {
e.preventDefault(); // stop the full-page reload to handle it with fetch/AJAX
const data = new FormData(form); // easy way to read all fields
});
Forms वह मुख्य तरीका है जिससे यूज़र सर्वर को डेटा भेजते हैं।
action/method को समझना, name की भूमिका, GET बनाम POST की सेमेन्टिक्स, और JS हैंडलिंग के लिए preventDefault — ये हर ऐसे वेब ऐप के लिए मूलभूत हैं जिसमें इनपुट होता है।
विस्तृत उत्तरों के साथ IT इंटरव्यू प्रश्नों की एक लाइब्रेरी — जूनियर से सीनियर तक।
दान करें