عناصر النماذج حقول الاختيار

 قوائم الاختيار :

1 - تستخدم قوائم الاختيار التاشيرة < Select > لانشاء نمطين اساسين من القوائم : 

a القوائم المنسدلة 

b القوائم القابلة للزلق 

2 - يساعد كلا النوعين في تنفيذ عملية اختيار خيار واحد او عدة خيارات من قائمة خيارات 

3 - يجري تحديد عناصر القائمة بالتاشيرة < option > حيث يجري تضمين كل خيار ضمن القائمة باستخدام التاشيرة < option > < /option > 

4 - يجري ارسال المتحول المحدد بالواصفة name عند ارسال محملا بقيمة الخيار المحدد ب option في حال قام المستخدم باختيار وحيد 

اما في حالة الاختيار المتعدد فيجري تحميل متحول يمثل قائمة خيارات مفصولة عن بعضها البعض بفاصلة 

5 - يكفي اضافة multiple و اعطائها القيمة multiple لتحديد امكانية استخدام عدة خيارات في قائمة الاختيار المعنية 

6 - يستطيع المستخدم عند تفعيل خاصة الاختيار المتعدد اختيار اكثر من عنصر في القائمة بضغط زر CTRL و النقر على الخيارات المطلوبة 

اما في حال عدم تفعيل هذه الخاصة فان قوائم الاختيار تعمل بنفس الالية التي تعمل بها ازرار الراديو حيث تسمح باختيار خيار واحد فقط من مجموعة خيارات 

7 - تتحكم قيمة الواصفة Size بارتفاع قائمة الاختيار القابلة للانزلاق و عندما تسند الى هذه الواصفة القيمة 1 يجري اظهار سطر واحد من القائمة و تتحول هذه القائمة الى قائمة منسدلة 

8 - لا توجد واصفة خاصة للتحكم بعرض قوائم الاختيار انما تاخذ القائمة العرض اللازم لاحتواء الخيار صاحب العدد الاكبر من المحارف 

9 - يجري تحديد خيار تلقائي او مجموعة من الخيارات التلقائية باستخدام الواصفة Selected و باعطائها القيمة Selected و ذلك ضمن التاشيرة option لكل خيار من الخيارات المعنية 

10 - يمكن انشاء مجموعات فرعية من الخيارات ضمن قائمة الخيارات الواحدة و ذلك باستخدام التاشيرة < Optgroup > و حصر جميع خيارات المجموعة الفرعية ضمن هذه التاشيرة 

مثال :

                                    عناصر النماذج : الازرار 

هناك ثلاثة انواع اساسية للازرار التي يمكن اضافتها الى النموذج :

ازرار الارسال و اعادة تاهيل النموذج :

1 - يساعد زر الارسال في ارسال بينات النموذج الى المخدم حتى تجري معالجتها عبر الملف المحدد في الواصفة Action الخاصة بالنموذج و ذلك باستخدام الطريقة المحددة في الواصفة Method المرتبطة بالنموذج 

2 - يستخدم هذا النمط الوسم input على ان يتم اسناد القيمة Submit الى الواصفة type 

3 - يمكن استخدام التاشيرة لتادية نفس الوظيفة 

مثال :

1 - يؤدي زر اعادة تاهيل النموذج Reset الى افراغ الحقول من جميع القيم التي تم ادخالها من قبل المستخدم دون ارسال اية بيانات الى المخدم 

2 - يمكن استخدام التاشيرة input اوالتاشيرة button لتحديد زر من هذا النمط بشرط اسناذ قيمة Reset الى الواصفة Type 

مثال :

                                      عناصر النماذج الازرار :

الازرار من نمط صورة : 

1 - يستخدم هذا النوع من الازرار بهدف اضفاء جمالية على النموذج عبر تمثيل زر الارسال بصورة 

2 - يجري استعمال التاشيرة input مع اسناد القيمة image الى Type 

3 - يجري تحديد ملف الصورة المستخدمة باسناد المسار النسبي او المطلق لملف الصورة على المخدم الى الواصفة Src 

مثال : 

                                     عناصر النماذج : الازرار 

الازرار متعددة الاغراض :

1 - يساعد هذا النمط في انشاء ازرار ذات اغراض متعددة مختلفة عما اوردناه حتى الان 

2 - يجري في هذا النمط من الازرار استخدام الاحداث لتحديد الفعل ورد الفعل 

3 - تسلتزم هذه الازرار استخدام نص برمجي من جهة الزبون 

4 - تستخدم هذه الازرار التاشيرة Input او التاشيرة Button بعد اسناد القيمة Button الى الواصفة type 

مثال : 

جري في المثال السابق الى حدث الضغط على زر بنص برمجي من جهة الزبون يقوم باظهار رسالة 

و يكمن الاختلاف الرئيسي بين Button و Input في ان التاشيرة Button تاخذ قيمة النص المحصور بالتاشرة اما في حالة التاشيرة input فيتحدد النص الموجود على الزر بقيمة الواصفة value الخاصة بهذه التاشيرة