ایک <form> صارف کی input جمع کرتا ہے اور اسے سرور کو جمع کرتا ہے۔ اہم attributes action (کہاں بھیجنا ہے) اور method (کیسے بھیجنا ہے) ہیں۔
html
Email
Password
Sign up
ایک <form> صارف کی input جمع کرتا ہے اور اسے سرور کو جمع کرتا ہے۔ اہم attributes action (کہاں بھیجنا ہے) اور method (کیسے بھیجنا ہے) ہیں۔
Email
Password
Sign up
جب صارف submit button پر کلک کرتا ہے (یا Enter دبا دیتا ہے)، براؤزر تمام controls جن کے پاس name ہے جمع کرتا ہے، انہیں encode کرتا ہے، اور action کو ایک درخواست بھیجتا ہے۔
<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 -->
صرف named 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-vs-POST semantics، اور JS handling کے لیے preventDefault input کے ساتھ ہر ویب ایپ کے لیے بنیادی ہے۔