مثال عن نموذج 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 | يستخدم السكربت عند الضغط على ارسال للنموذج . |
لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية
مؤسس المعهد العربي للبرمجة ومدّون فيه. أقدم العديد من الدروس والنصائح من خلال دراستي وتجربتي الطويلة في تصميم وبرمجة مواقع الويب. أقدّم معلومات مجانية للمبرمجين الجدد ولدينا أكاديمية لتدريس تصميم المواقع وتطويرها باستخدام أهم لغات البرمجة في اسطنبول تركيا وأيضاً اونلاين.
ليست هناك تعليقات:
إرسال تعليق