HTML – وسم form

مثال عن نموذج HTML يحتوي على حقلين و زر إرسال :

<form action="form_action.asp" method="get">
الاسم : <input type="text" name="fname" /><br />
الكنية : <input type="text" name="lname" /><br />
<input type="submit" value="إرسال" />
</form> 

المتصفحات الداعمة

متوافق مع متصفح سفاري متوافق مع متصفح اوبرا متوافق مع متصفح انترنت اكسبلورر متوافق مع متصفح فايرفوكس متوافق مع متصفح جوجل كروم

ان وسم <form>  مدعوم من قبل جميع المتصفحات الرئيسية .


التعريف و الاستخدام

يستخدم الوسم <form> لإنشاء نماذج HTML تساعد المستخدم في ادخال المعلومات . يحتوي وسم <form> على واحدة أو اكثر من الوسوم التالية :

كما يستخدم نموذج HTML لإرسال البيانات الى السيرفر .


الاختلاف بين HTML و XHTML

في لغة XHTML تم إلغاء اللاحقة name من وسم <form> لذلك يمكنك استخدام id بدلاً منها .


اللواحق الاجبارية

اللاحقة القيمة الشرح DTD
action URL تحديد إلى أين سيتم ارسال بيانات النموذج بعد الضغط على زر الارسال . STF

اللواحق الاختيارية

تشير DTD الى اللواحق المسموح استخدامها في لغة HTML 4.01/XHTML 1.0 DTD . S=Strict, T=Transitional, and F=Frameset

اللاحقة القيمة الشرح DTD
accept MIME_type تحديد نوع الملفات التي يقبلها السيرفر . STF
accept-charset character_set تحديد نوع الأحرف التي يقبلها السيرفر . STF
enctype application/x-www-form-urlencoded multipart/form-data text/plain تحديد كيفية تكويد بيانات النموذج عند ارسالها الى السيرفر . تستخدم فقط مع طريقة الارسال method=”post” . STF
method get post تحديد طريقة HTTP عند ارسال بيانات النموذج الى السيرفر . STF
name name تحديد اسم النموذج . TF
target _blank _self _parent _top framename ملغي . تحديد ماسيظهر أو أي صفحة ستظهر لك عند الضغط على ارسال النموذج . TF

اللواحق الأساسية

يدعم وسم <form> عدداً من اللواحق التالية

اللاحقة الشرح
class تستخدم لتحديد اسم أو أكثر لتصنيف أو عنصر معين ( غالباً مايستخدم مع ملف التصميم css )
id تستخدم لتحديد id مخصص لعنصر معين
style تستخدم لتحديد تصميم CSS داخلي لعنصر معين .
title تحديد معلومات اضافية عن العنصر .
dir تحديد جهة النص لمحتوى العنصر .
lang تحدد اللغة لمحتوى العنصر .
xml:lang تحدد لغة محتوى العنصرلصفحة XHTML .

لمزيد من اللواحق يمكنك التوجه الى قائمة اللواحق الأساسية


لواحق الأحداث events

يدعم وسم <form> عدداً من اللواحق التالية

اللاحقة القيمة الشرح
onblur script يستخدم السكربت عند عدم التركيز على العنصر .
onchange script يستخدم السكربت عند تغير العناصر .
onfocus script يستخدم السكربت عند حصول العنصر على التركيز
onreset script يستخدم السكربت عند ضبط النموذج .
onselect script يستخدم السكربت عند اختيار العناصر .
onsubmit script يستخدم السكربت عند الضغط على ارسال للنموذج .

لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية