एक <form> ले प्रयोगकर्ताको इनपुट सङ्कलन गरी सर्भरमा submit गर्छ। मुख्य attributes हरु action (कहाँ पठाउने) र method (कसरी पठाउने) हुन्।
html
Email
Password
Sign up
एक <form> ले प्रयोगकर्ताको इनपुट सङ्कलन गरी सर्भरमा submit गर्छ। मुख्य attributes हरु action (कहाँ पठाउने) र method (कसरी पठाउने) हुन्।
Email
Password
Sign up
जब प्रयोगकर्ताले submit बटन क्लिक गर्छ (वा Enter दबाउँछ), ब्राउजरले सबै controls जसको name छ सङ्कलन गर्छ, encode गर्छ, र action मा request पठाउँछ।
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name attribute आवश्यक छ<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
केवल नामकृत controls पठाइन्छ। सर्भरले तिनलाई तिनको 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
});
फर्मसमूहहरु प्रयोगकर्ताहरुले सर्भरमा डाटा पठाउने मूल तरिका हुन्।
action/method, name को भूमिका, GET-बनाम-POST semantics, र JS हँडलिङको लागि preventDefault बुझ्नु हर प्रयोगकर्ता-इनपुट भएको वेब अनुप्रयोगमा मौलिक छ।