Header Ads

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
actionURLتحديد إلى أين سيتم ارسال بيانات النموذج بعد الضغط على زر الارسال .STF


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


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













































اللاحقةالقيمةالشرحDTD
acceptMIME_typeتحديد نوع الملفات التي يقبلها السيرفر .STF
accept-charsetcharacter_setتحديد نوع الأحرف التي يقبلها السيرفر .STF
enctypeapplication/x-www-form-urlencoded multipart/form-data text/plainتحديد كيفية تكويد بيانات النموذج عند ارسالها الى السيرفر . تستخدم فقط مع طريقة الارسال method="post" .STF
methodget postتحديد طريقة HTTP عند ارسال بيانات النموذج الى السيرفر .STF
namenameتحديد اسم النموذج .TF
target_blank _self _parent _top framenameملغي . تحديد ماسيظهر أو أي صفحة ستظهر لك عند الضغط على ارسال النموذج .TF





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


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



































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

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




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


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






































اللاحقةالقيمةالشرح
onblurscriptيستخدم السكربت عند عدم التركيز على العنصر .
onchangescriptيستخدم السكربت عند تغير العناصر .
onfocusscriptيستخدم السكربت عند حصول العنصر على التركيز
onresetscriptيستخدم السكربت عند ضبط النموذج .
onselectscriptيستخدم السكربت عند اختيار العناصر .
onsubmitscriptيستخدم السكربت عند الضغط على ارسال للنموذج .

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




ليست هناك تعليقات:

يتم التشغيل بواسطة Blogger.