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> على واحدة أو اكثر من الوسوم التالية :

• <input>


• <textarea>


• <button>


• <select>


• <option>


• <optgroup>


• <fieldset>


• <label>

كما يستخدم نموذج 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	يستخدم السكربت عند الضغط على ارسال للنموذج .

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

---