التعامل مع النماذج فى لغة HTML







التعامل مع النماذج فى لغة HTML

* في الدرس السابق تم شرح الجداول فى لغة HTML لمزيد من المعلومات برجاء الاطلاع على الموضوع من الرابط السابق التعامل مع الجداول فى HTML
* سنتناول فى هذا الدرس شرح التعامل مع النماذج Forms فى لغة HTML.
* تستخدم النماذج للحصول على معلومات من زوار الموقع و هنالك عدة انواع من الناذج تستخدم للحصول علي المعلومات من زوار موقعك مثل:
- نماذج تستخدم لاضافة نص Adding Text
- نماذج تستخدم لعمل اختيار Making Choices
- نماذج تستخدم لارسال بيانات Submitting Form
- نماذج تستخدم لرفع الملفات Uploading Files
* تتكون النماذج فى لغة HTML من عنصر <form> و سمة action , method , id

* Adding Text Forms
- تستخدم هذه النوعية من النماذج فى الحصول على بيانات من الزائر سواء كانت بيانات نصية ( سطر واحد او عدة أسطر) او كلمة مرور.

* Making Choices Forms
- تستخدم هذه النوعية من النماذج ما اذا كان على الزائر ان يختار خيار واحد من عدة خيارات او يختار اكثر من خيار او الاختيار من قائمة منسدلة.

* Submitting Forms
- تستخدم هذه النوعية من النماذج لارسال بيانات الى صفحة اخرى بالموقع .

* Uploading Files Forms
- تستخدم هذه النماذج لتمكن الزوار من رفع الملفات او الصور الى الموقع.

* بنية النماذج فى لغة HTML
* تتكون النماذج فى لغة HTML من عنصر <form> و سمة action , method , id

* Action Attribute
- تستخدم سمة Action مع النماذج لتحدد رابط الصفحة URL التي سيتم أرسال بيانات النموذج اليها عند أرسالها.

* Method Attribute
- تستخدم سمة Method مع النماذج لتحدد طريقة ارسال بيانات النموذج حيث هنالك طريقتين للارسال get او post .

* Get Method
- تسستخدم get فى حالة النماذج الصغيرة مثل النماذج المستخدمة فى صناديق البحث فى المواقع او استعادة بيانات ليس لها علاقة باضافة او حذف من قواعد البيانات.

* Post Method
- تستخدم post فى حالة النماذج الكبيرة او النماذج التي تسمح للاعضاء برفع الصور او الملفات و كذلك فى حالة النماذج التي تحتوي علي بيانات حساسة مثل كلمات السر كما تستخدم فى النماذج التي تضيف او تحذف بيانات من قواعد البيانات.

* ID Attribute
- تستخدم سمة ID مع النماذج لتميزها عن باقي عناصر الصفحة.

يتبع فى الجزء الثاني من درس التعامل مع النماذج فى لغة HTML ....


http://www.traidnt.net/vb/traidnt2718375/