الدرس العاشرتعريف أشكال البيانات
في النموذجمن أجل ذلك نستخدم المؤثر
< INPUT > لتعريفها ,
وحقيقة أن هذه الأشكال هي مجرد بارامترات أو قيم لبارامترات تابعة لهذا المؤثر
:مثلاً اٍن استخدام الشيفرة
: TYPE -1
:<
FORM …..>< INPUT TYPE = "
text " >
< /FORM
>
ينتج لدينا الشكل :
حيث استخدمت المؤثر
< IMPUT > لتعريف هذا الشكل ثم أضفت
البارامتر TYPE لتحديد نوع
الشكل الذي أريده وأعطيتها القيمة Text .بعض القيم المستخدمة مع
البارامتر TYPE بدون تفصيل (
ستشرح لاحقاً ) .< INPUT TYPE = " text ' >
< INPUT TYPE = " password " >
*****************
فارغ ....................< INPUT TYPE = " hidden " > < INPUT TYPE =
" radio " > ......................
< INPUT TYPE = " checkbox " > .................
< INPUT TYPE = " submit " > ...................< INPUT TYPE = " reset " > ................... < INPUT TYPE = " buttom " > ................... NAME
-2 :وهو البارامتر الثاني
المستخدم معINPUT ><
ويستخدم لتسمية اسم حقل البيانات حيث قمنا باٍعطاء الاسم addressلهذا الحقل في المثال
السابق .
www.tartoos.comوهذا الاسم يعرّف الحقل في
داخل النموذج نفسه , بحيث يمكن استخدامه فيما بعد للحاجات البرمجية وضرورات
المعالجة اٍن وجدت من قبل البرامج التي تضيفها كمصمم للموقع .وحتى عندما تريد أن يرسل
النموذج اليك بالبريد فاٍن حقوله تعرّف بالاسم الذي أدرجته لها من خلال
البارامتر .< FORM …. >< INPUT TYPE = "text" NAME= " address" >
< /FORM >please
enter your address :
Your Name
هذا النموذج صادر عن
الشيفرة التالية :< FORM …. >please enter your address : < INPUT TYPE = "text" NAME =
"address" >أما العبارة
)please enter your address( فهي مجرد عبارة توضيحية ليعرّف
الزائر مالذي يجب عليه كتابته .www.tartoos.comVALUE -3: Please enter your address
:
Tartous , Syria
وهذا النموذج
صادر عن الشيفرة التالية :< FORM …. >please enter your address : < INPUT TYPE = "text'' NAME =
"address" VALUE = " Tartous , Syria" >< /FORM > أما العبارة
Tartous و
Syria فهي العبارة الافتراضية للحقل حيث يمكن
اظهارها من خلال البارامتر Value .SIZE
-4 : وهذا البارامتر مسؤول عن
تحديد حجم الحقل ( بالخانات ( أحرف ) ) . Please enter your address
:
Tartous , Syria
-الشيفرة المسؤولة عن هذا النموذج والتي
تتضمن الحجم هي : < FORM …. >please enter your address : < INPUT = "text'' NAME =
"address" VALUE = " tartous, Syria" SIZE = "40" > < /FORM >لا يوجد أي صفة تحكمية للبارامتر
SIZE بالنسبة للبيانات المدخلة في الحقل . صحيح أننا
حددنا حجم الحقل ولكن هذا يسري فقط على مظهره على الشاشة ولا يوجد ما يمنع
الزائر من الكتابة بحيث يتجاوز النص حجم الحقل المحدد . وهنا يأتي دور
البارامترالتالي :6 - MAXLENGTH:
وهذا
البارامتر مسؤؤل عن التحكم بالحد الأقصى للنص المدخل .< FORM ….>please enter your address : < INPUT TYPE = ''text" NAME =
"address" VALUE = "tartous , Syria" SIZE = "40" MAXLENGTH = "30" >< /FORM >وينتج عن هذه الشيفرة النموذج
التالي : PLEASE ENTER YOUR ADDRESS :
Tartous , Syria
حاول أن تكتب في هذا الحقل
أكثر 30 حرف وراقب مايحث ؟ .PASSWORD
-7
:وهذا أحد الحقول المستخدمة
في النماذج وهو يشبه الحقل text
من حيث البارامترات غير أن مدخلاته تظهر على شكل نجوم ****** مهما كانت , وهو الفرق
الوحيد بينه وبين text .
ويستخدم عند الحاجة لإدخال كلمة سر من قبل الزائر في النموذج :< FORM …. >please enter your name : < INPUT TYPE = "text'' NAME = "the name" VALUE = "HANNA
LAHOUD" SIZE = "40" MAXLENGTH = "30" > please enter your password :
< INTUP TYPE = "password" NAME = "the password" SIZE =
"40" MAXLENGTH = "30" > < /FORM >please enter your name :
please enter your password :
لاحظ أنني لم أضع كلمة
افتراضية ( قيمة افتراضية ) للحقل الثاني لأنه لاضرورة لها .ويمكنني أيضاً أن استغني عن
البارامتر MAXLENGTH في
الحقل الثاني لأنه ربما كانت كلمة السر لأحد الزبائن أكثر من 30 محرف لذلك يفضل عدم استعمالها .HIDDEN
-8: أي الحقل
المخفي ومن اسمه نستنتج أن لن يظهر ضمن النموذج :< FROM … >please enter your name : < INPUT TYPE = "text" NAME = " he name" SIZE = "40"
MAXLENGTH = "30">< INPUT TYPE = "hidden" NAME ="my form" VALUE ="form 1" >please enter your password :< IMPUT TYPE = "password" NAME = "the password" SIZE =
"40" ></FORM > .النتيجــة :
نحصل على نفس الشكل السابق أي أن وجود هذا الحقل مثل عدمه بالنسبة لمظهر
النموذج , وأن الزائر لن يتعامل معه بل وربما لن يعرف أن هناك حقلاً مخفياً .اٍذاً مالفائدة منه ؟لنفرض أن لديك ثلاث صفحات
تتضمن كل منها نموذجاً ما وأن هذه النماذج متشابهة وتحتوي على نفس الحقول ,
وعندما ستصلك البيانات كيف ستميز أي من هذه النماذج ستستخدم لارسال البيانات ؟
لذلك أضف هذا الحقل الوهمي واستبدله أي اسم أو أي قيمة له في كل نموذج .في النموذج الأول :< INPUT TYPE = "hidden" NAME = "my form" VALUE = "form 1"
>في النموذج الثاني :< INPUT TYPE = "hidden" NAME = "my form" VALUE = "form 2"
>في النموذج الثالث :< INPUT TYPE = "hidden" NAME = "my form" VALUE = "form 3"
>
وبذلك عندما تصلك البيانات المرسلة من قبل زائر استخدم أي
من النماذج الثلاثة سيصلك أيضاً حقل اٍضافي قمت أنت بنفسك بتعبئته سلفاً عندما
صممت النموذج وذلك بأحد الأشكال التالية :My forms = form 1My forms = from 2
My forms = from 3اٍذاً الحقل المخفي هو
لاستخدام المصمم وليس الزائر , وأن قيمته تدخل مباشرة عند التصميم ويستخدم بهدف
تعريف قيم ما سيتم اٍرسالها جنباً الى جنب ضمن بيانات النموذج الذي قام الزائر
بتعبئتها .ملاحـــظة :في النماذج بشكل عام ولإظهار النموذج بصورة
مرئية ومنسقة والتحكم بموقع الحقول فيه فمن الأفضل دائماً وضعه داخل جدول مع
جعل الجدول بلا حدود .
< FORM >< TABLE BORDER = "0" > < TR > < TD > please enter your name : < /TD >
< INPUT TYPE = "text" NAME = "the name"
SIZE = "40"MAXLENG TH = "30" > < /TD > < /TR > < TR > < TD > please enter your password : < /TD >< TD > < INPUT TYPE = "password"
NAME = "the password" SIZE = "40" MAXLENGTH = "30" > <
/TD >
</ TR >
< /TABLE >< /FORM
>
