عناصر النموذج الواصفة Action

 تحدد الواصفة Action للمستعرض العنوان الذي يجب ان تصل اليه البيانات المرسلة اذ يمكن ان تكون القيمة المسندة للواصفة عنوان بريد الكتروني او محدد URL لصفحة تحتوي على نص برمجي من جهة المخدم 

2 - تتم عملية الارسال و الوصول الى العنوان المحدد في الواصفة Action عند نقر زر الارسال Submit 

يقوم هذا النموذج عند ضغط زر Submit بحزم البيانات و ارسالها الى الملف Getlnfo . aspx على المخدم و الذي يحتوي النص البرمجي الخاص بمعالجة البيانات المرسلة 

يقوم  هذا النموذج عند ضغط زر Submit بارسال الى ملف Test php و ذلك باضافة البيانات الى محدد URL الخاص بالصفحة فاذا كانت احدى الحقول المراد ادخالها هي name و كانت قيمة الحقل هي sami يظهر محدد URL  عند الارسال بالشكل التالي :

                               عناصر النموذج : الواصفة Enc Type 

1 - تحدد الواصفة Enc Type نمط الترميز المستخدم عند ارسال بيانات النموذج 

تاخذ هذه الواصفة قيمتها من انماط المعيار MIME و هو معيار يوصف اسلوب ترميز البيانات جرى تطويره لترميز البيانات المختلفة ضمن شكل نصي و باستخدام حروف الابجدية 

2 - يجري تحديد نمط الترميز على النحو التالي MIMEType /MIMESubType 

فعلى سيبل المثال يظهر نمط الترميز التلقائي و الذي يعبر عن القيمة التلقائية EncType كما يلي :

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

                    عناصر النموذج : الواصفة Accept Char Set 

1 - تحدد الواصفة Accept Char Set قائمة المحارف المتاح استخدامها في النموذج و هي واصفة ضرورية خصوصا في النماذج متعددة اللغات 

تكون القيمة التلقائية لهذه الواصفة UNKNOWN التي تشير الى استخدام نفس قائمة المحارف المستخدمة في ترميز النماذج 

2 - عند الحاجة لاستخدام اكثر من قائمة محارف يمكن وضع قيم الواصفة السابقة على شكل قيم متتالية يجري فصلها بفاصبة كما هو الحال في المثال التالي : 

                              عناصر النموذج : الواصفة Target 

تستخدم الواصفة Target في بيئة الصفحات متعددة الاطر 

تعبر قيمة هذه الواصفة عن اسم الاطار الهدف الذي ستظهر فيه الاجابة بعد ارسال النموذج ( في حال اعاد النص البرمجي من جهة المخدم اي خرج ) 

فعلى سبيل المثال تستخدم هذه الواصفة عند الحاجة لادخال بيانات خاصة بنموذج بحث متوضع ضمن اطار ما في صفحة Html و عند الحاجة لاسترجاع نتيجة البحث ضمن اطار اخر 

تاخذ الواصفة Target القيم :

1 - blank تجري اعادة خرج النموذج في نافذة جديدة بدون اسم 

2 - self تجري اعادة خرج النموذج ضمن نفس الاطار الدي يحوي النموذج 

3 - parent تجري اعادة خرج ضمن الاطار الاب للاطار الذي يحوي النموذج 

4 - top تجري اعادة خرج النموذج ضمن الاطار الرئيس مع ازالة كل الاطارات الاخرى 

الاحداث ON RESET و ON SUBMIT 
1 - يجري تنفيذ الحدث ON SUBMIT عند ارسال النموذج بضغط زر submit 

2 - يجري تنفيذ الحدث ON RESET عند الغاء معلومات النموذج بضغط reset

تظهر عند ارسال هذا النموذج الرسالة submitted successfully 

                             عناصر النموذج : واصفات اخرى 

لا تقتصر واصفات و احداث النماذج على ذلك التي قمنا بسرحها في الشرائح السباقة اذ توجد واصفات و احداث اخرى سنذكر بعضها فيما يلي :

من هذه الواصفات :

1 - ID تستخدم هذه الواصفة لتحديد اسم فريد للنموذج 

2 - Class : تستخدم هذه الواصفة في حال الرغبة باستعمال الانماط الخاصة بملفات CSS المعرفة ضمن التاشيرة Style من نفس الوثيقة 

3- Style : تستخدم هذه التاشيرة لتعريف انماط يجري استخدامها في تنسيق عناصر الوتيقة 

4 - Title : تستخدم لتحديد عنوان العنصر حيث يستفيد المتصفح من قيمة هذه الواصفة لاطهار مربع يحتوي هذه القيمة لدى مرور مؤشر الفارة فوق العنصر 

و من هذه الاحداث : 

1 - ON CLICK يجري تنفيذ الاجرائية لهذا الحدث عند النقر بالزر الايسر فوق العنصر 

2 - ON DBL CLICK يجري تنفيذ الاجرائية المسندة لهذا الحدث عند النقر المزدوج بالزر الايسر فوق العنصر 

3 - ON MOUSE DOWN يجري تنفيذ الاجرائية المسندة لهذا الحدث عند تحرير الغضط على الزر الايسر فوق العنصر 

4 - ON MOUSE UP يجري تنفيذ الاجرائية المسندة لهذا الحدث عند تحرير الضغط عن الزر الايسر فوق العنصر 

5 - ON MOUSE OVER يجري تنفيذ الاجرائية المسندة لهذا الحدث عند وضع مؤشر الفارة فوق العنصر 

6 - ON MOUSE MOVE  يجري فيها تنفيذ الاجرائية المسندة لهذا الحدث عند تحريك مؤشر الفارة فوق العنصر 

7 - ON MOUSE OUT يجري تنفيذ الاجرائية المسندة لهذا الحدث عند خروج مؤشر الفارة من المساحة التي يحددها العنصر 

8 - ON KEY PRESS يجري تنفيذ الاجرائية المسندة لهذا الحدث عند ضغط و تحرير مفتاح فوق العنصر 

9 - ON KEY DOWN يجري تنفيذ الاجرائية المسندة لهذا الحدث غند ضغط مفتاح فوق العنصر 

10 - ON KEY UP يجري تنفيذ الاجرائية المسندة لهذا الحدث عند تحرير مفتاح فوق العنصر 

                                        عناصر النموذج 

مثال : 

1 - يستعرض هذا المثال نص HTML يعرف نموذج يعتمد على الطريقة POST في ارسال البيانات 

2 - يحدد النموذج الملف test aspx كملف هدف يحتوي نصا برمجيا من جهة المخدم و يجري ارسال البيانات اليه للمعالجة 

3 - تظهر الاستجابة على هذا النموذج ( كنتيجة لتنفيذ الملف test aspx ضمن نفس الاطار الذي يظهر فيه النموذج لان النموذج استخدم القيمة Self 

4 - يمتلك النموذج السابق الاسم my From و يجري تطبيق النمط normal From على هذا النموذج ( لابد ان يكون هذا النمط معرف مسبقا ضمن وثيقة CSS او ضمن نفس الوثيقة باستخدام التاشيرة STYLE 

5 - يستخدم هذا النموذج للترميز multi part / from - data مما يعني يرسل محتوى ملف الى مخدم 

6 - تظهر الرسالة you clicked the from عند النقر على النموذج 

حقول النماذج : الحقول النصية 

يمكن استخدام عدة انواع من الحقول النصية في النموذج نستعرضها فيما يلي :

حقول ادخال نص :

1 - تعتبر حقول ادخال النصوص من اكثر انواع الحقول استخداما في النماذج 

يتالف حقل ادخال النص من حقل فارغ مخصص لادخال سطر وحيد 

2 - يجري تحديد حجم هذا الحقل باستخدام الواصفة Size و يجري تحديد عند المحارف المسموح ادخالها بالواصفة max length حيث تقاس Size و max length بعدد المحارف 

3 - يمكن ان تكون الواصفة max length اكبر من الواصفة Size 

في هذه الحالة يجري زلق محتويات الحقل النصي اثناء الكتابة 

4 - يمكن استخدام الواصفة Value لاعطاء قيمة تلقائية للحقل 

لا يوجد في HTML اية الية مباشرة للتحكم بنوع المدخلات لذا نلجأ الى النصوص البرمجية من جهة الزبون اوالى النصوص البرمجية من جهة المخدم لتقييم البيانات و اظهار رسائل الخطأ في حال عدم تطابقها مع نمط او تنسيق البيانات المطلوبة 

مثال 

لانشاء حقل نصي باسم my Simple يحتوي على قيمة تلقائية هي test و يكون بطول 10 محارف و بعدد اقصى من المحارف يبلغ 40 محرفا نكتب النص التالي :