|
الدرس التاسع
النماذج FORMS
تعتبر النوافذ من المواضيع المتقدمة وغير السهلة في لغة
HTML
ومعظم مواقع ويب لا تكاد تخلو منها
. وذلك لعدة أسباب منها اٍيجاد اٍمكانية للتفاعل بين الموقع وصاحبه من جهة
والزوار من جهة أخرى .www.tartoos.com
أحياناً قد تحتاج الى معرفة آراء زوارك في مسائل معينة
وقد تكتفي برسائل البريد الالكتروني التي يرسلونها لك ولكن عندما تريد معرفة
أشياء محددة فاٍن النماذج هي الخيار الأفضل . بالإضافة الى اٍمكانية تنظيم
البيانات المدخلة من خلالها وسهولة وسرعة استخدامها من قبل زوار الموقع ,
ومثال على النماذج هي دفاتر الزوار وصفحات البحث عن الكلمات أو العبارات داخل
الموقع .
اٍن النماذج عبارة عن مؤثرات عادية , ويمكن انشاء النماذج
بنفس السهولة التي أدرج فيها جدول أو اٍطار . ولكن التداخل بينها ( النماذج )
وبين لغات البرمجة المتقدمة في ويب مثل
CGI و
java script
هي مايجعلها تختلف عن سابقيها من المؤثرات أو العناصر الأخرى .
اٍن مؤثر النموذج يأخذ الشكل :
<
FORM > …..< /FORM >
ولهذا المؤثر ثلاث بارامترات هي :
ACTION -1
: تحدد العنوان الذي سيتم
اٍرسال بيانات النموذج اليه لتتم معالجتها بالصورة المطلوبة . وعادة يكون هذا
عنوان البريد الالكتروني
E-mail سوف يتم ارسال
بيانات النموذج اليه . أو قد يكون عنوان البرنامج
CGI
موجود على الكومبيوتر المخدم
server الذي تتواجد عليه
صفحات ويب حيث يستقبل هذه البيانات ويعالجها حسب التعليمات الموجودة فيه كأن
يضيفها مثلاً الى احدى الصفحات أو يتحقق من صحة الحقول المدخلة ومطابقتها
لمعايير معينة , أو أن يقوم بالبحث عن كلمة أو عبارة ضمن صفحات الموقع كما في
نماذج البحث الموجودة في مواقع الويب .www.tartoos.com
< FROM ACTION = '' mailto:someone@domain.com '' >…..<
/FORM >
< FORM ACTION = " name-and-address-of-cgi -script "
>…..</FORM >
METHOD -2
:
وهذا البارامتر يحدد
الطريقة التي سيتم التعامل بها مع العنوان المحدد في البارامتر السابق
ACTION
. وهناك قيمتين لهذا البارامتر:
GET
وتستخدم في حالة كون عملية المعالجة داخلية أي تتم داخل المخدم نفسه
)
server
) .
POST
وتستخدم عندما تكون عملية المعالجة خارجية كأن يتم اٍرسال البيانات الى عنوان
بريد الكتروني .
< FORM ACTION = " mailto:someone@domain.com" METHOD = "
post">
…..< /FORM >
< FORM ACTION = " name-and-address-of-CGI-script " METHOD
= " get ">
..... < /FORM > .
ENCTYPE -3
: هذا البارامتر يحدد
طريقة الترميز التي سيتم ارسال البيانات وفقاً لها وهو يأخذ القيمتين
التاليتين :
Application/x-www-form-urlencoded -
Text/plain -
) يجب أن
تكتب هذه القيم كما هي نصاً وحرفاً ) .
اٍن الدافع لاستخدام أي من هذه القيمتين هو طبيعة عملية
المعالجة التي ستجري على البيانات أو طبيعة برنامج البريد الالكتروني الذي
ستستقبل هذه البيانات من خلاله ( اٍذا كان يدعم
MIME
أم لا , وهي اختصار للعبارة :
Multi-Purpose Internet Mail Extentions
, وهي من المعايير السائدة في الانترنت والتي تتعلق بنقل جميع أنواع البيانات
من صوت وصورة وليس فقط النصوص من خلال البريد الالكتروني ) .www.tartoos.com
وما يهمنا هو الفرق بين الطريقتين من حيث طريقة اٍرسال
واستقبال البيانات .
-
فعند استخدام
text/plain ستصل البيانات
بالشكل التالي :
Name = HANNA ATA LAHOUD
Address = TARTOUS , SYRIA
E-mail = H-LAHOUD@YAHOO.COM
الكلمات
E-mail
–Address – Name
هي أسماء
الحقول في النموذج ونقوم نحن بتعريفها أثناء عملية تصميم النموذج .
- أما عند استخدام :
application/x – www – form – urlencoded
فستصل البيانات بالشكل التالي :
Name = HANNA+ATA+LAHOUD & Address = Tartous + Syria &
E-mail = H-Lahoud@Yahoo.Com
وتحليلها صعب اذا احتوت على عشرات الحقول , لذلك تتوفر برامج
خاصة تعرّف ب
Formaters
تقوم باٍعادة ترتيب البينات المرسلة من خلال النماذج بسكل مفهوم بحيث تصبح
كما لو كانت مرسلة بترميز
text/plain ومن هذه البرامج
برنامج مجاني يدعى
Urlcook
. لكن الطريقة الأولى ليست هي الأفضل دائماً , فهذا يعتمد على طريقة المعالجة
والنقل بالبريد .
وفي الخلاصة
: قد تكون أفضل صيغة لتعريف النموذج في حالة أردت استقبال البيانات من موقعك
الى عنوان بريدك الالكتروني هي :
< FORM ACTION = " mailto: e mail@domain.com " METHOD = "
POST " ENCTYPE = " text/plain " > …..< /FORM
>
وهكذا نكون قد انتهينا من تعريف النموذج
وبارامتراته
.
www.tartoos.com
|
