একটি <form> ব্যবহারকারীর ইনপুট সংগ্রহ করে এবং এটি একটি সার্ভারে জমা দেয়। মূল বৈশিষ্ট্যগুলি হল action (কোথায় পাঠাতে হবে) এবং method (কীভাবে পাঠাতে হবে)।
html
Email
Password
Sign up
একটি <form> ব্যবহারকারীর ইনপুট সংগ্রহ করে এবং এটি একটি সার্ভারে জমা দেয়। মূল বৈশিষ্ট্যগুলি হল action (কোথায় পাঠাতে হবে) এবং method (কীভাবে পাঠাতে হবে)।
Email
Password
Sign up
ব্যবহারকারী যখন সাবমিট বোতামে ক্লিক করে (বা 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 -->
কেবল নামযুক্ত নিয়ন্ত্রণগুলি পাঠানো হয়। সার্ভার তাদের 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 শব্দার্থবিদ্যা এবং JS হ্যান্ডলিংয়ের জন্য preventDefault সমস্ত ইনপুট সহ প্রতিটি ওয়েব অ্যাপের জন্য মৌলিক।