HTML - Forms النماذج

نموذج HTML (HTML Forms)

نموذج <form> في HTML يُستخدم لجمع بيانات من المستخدم وإرسالها إلى الخادم (server) لمعالجتها.

🟢 يمكنك من خلال النماذج إدخال معلومات مثل الاسم، البريد، كلمة المرور، واختيار الخيارات.

---

✅ الصيغة الأساسية (Basic Syntax):

<form action="/submit" method="post">
  ...
</form>

• action: هو الرابط اللي البيانات هتروح له.
• method: يحدد طريقة الإرسال، غالباً GET أو POST.

---

🧪 مثال عملي:

<form action="/submit_form" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>

  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>

  <input type="submit" value="Submit">
</form>

⬅ هذا النموذج يحتوي على خانتين لإدخال الاسم الأول والأخير وزر لإرسال البيانات.

---

🧩 عناصر شائعة داخل النماذج:

• <input>: لإدخال نص أو اختيار
• <label>: تسمية توضيحية لحقل الإدخال
• <textarea>: لإدخال نص طويل
• <select>: قائمة منسدلة
• <button> أو <input type="submit">: زر الإرسال

---

📌 ملاحظات مهمة:

• استخدم label مرتبط بـ input باستخدام السمة for للحصول على تجربة أفضل.
• إذا استخدمت GET، سيتم إرفاق البيانات في رابط URL.
• إذا استخدمت POST، سيتم إرسال البيانات بشكل مخفي وأكثر أمانًا.