الدرس
الثالث عشرالبارامترات الخاصة ب SELECT :NAME -1
:وهذا البارامتر يحدد اسمالقائمة < SELECT NAME = "browser" >SIZE -2
:وهذا البارامتر يحدد حجم أو بالأحرى ارتفاع
القائمة وبالتالي عدد البيانات الظاهرة فيها وهو يأخذ قيم عددية صحيحة .
< SELECT SIZE = "7" >لنكتب الشيفرة التالة :<
FROM >< SELECT NAME = "browser" SIZE = "3" > < OPTION > sindbad 3.0< OPTION > sindbad 4.0< OPTION> MS Eplorer 3.0 < OPTION > MS Explorer 4.0< / SELECT > <
/FORM >ويمكن عرض القائمة بأي ارتفاع نريد , وقد يصل الى حد عرض
جميع بيانات القائمة معاً , فاٍن هناك اٍمكانية أيضاً لجعل اختيار البيانات
من هذه القائمة متعدداً وليس فقط قيمة واحدة . وذلك باستخدام البارامتر
MULTIPLEMULTIPLE
:www.tartoos.comوهذا
البارامتر كما ذكرنا يعطي اٍمكانية لجعل اختيار البيانات من القائمة متعدداً
وليس فقط قيمة واحدة .اٍذاً حسب مثالنا لنعرض جميع القيم ( وهنا لدينا أربع قيم
وبالتالي القيمة المرفقة مع SIZE هي 4
) , وبعد ذلك يستطيع الزائر اختيار أكثر من قيمة واحدة من القائمة مع ضغط
مفتاح Ctrl<
FORM >< SELECT NAME = "browser" SIZE = "4" MULTIPLE >< OPTION > sindbad 3.0 < OPTION > sindbad 4.0 < OPTION > MS Explorer 3.0< OPTION > MS Explorer 4.0 < /SELECT > <
/FORM >
sindbad
3.0 sindbad 4.0MS
Explorer 3.0MS
Explorer 4.0
ومن البارامترات المستخدمة مع المؤثر < OPTION > فهي VALUE والتي سنستخدمها لإعطاء
قيمة لكل حقل بيانات في القائمة .وكذلك البارامتر SELECTED
والتي تكتب مع أي < OPTION >
نريده أن يظهر وقد تم اختياره بصورة تلقائية :< FORM >< SELECT NAME = "browser" SIZE
= "4" MULTIPLE > < OPTION VALUE = "sindbad 3.0" >
sindbad 3.0 Error! Not a valid link.
< OPTION VALUE = "MS Explorer 3.0" SELECTED > MS Explorer 3.0 < OPTION VALUE
= "MS Explorer 4.0" > MS Explorer 4.0 < /SELECT >< /FORM >
sindbad
3.0 sindbad 4.0
MS
Explorer 3.0
MS
Explorer 4.0
المؤثر < TEXTAREA > …..< /TEXTAREA>www.tartoos.comوهو مسؤول عن كتابة تعليقات
حرة في النموذج وهذا المؤثر له عدة بارامترات منها NAME لإعطاء اسم التعريف . ولاداعي لوجود البارامتر VALUE
فأي نص يكتب بين المؤثرين يتم عرضه داخل الحقل بصورة تلقائية . <
TEXT REA NAME = "comments" >
Hello, please write jour information her : <
/TEXTAREA >COLS :
وهو البارامتر الثاني ل < TEXTAREA >
وهو المسؤول عن عرض الحقل .ROWS : وهو البارامتر الثالث ل < TEXTAREA > وهو المسؤول عن
تحديد ارتفاع الحقل . كمايلي :<
TEXTAREA NAME = "comments" COLS = "30" ROWS = "8" ><
/TEXTAREA >WRAP : وهو
البارامتر الرابع ل < TEXTAREA >
وهو يحدد طريقة التفاف النص المكتوب داخل الحقل ( لايعمل هذا البارامتر مع MS
Explorer 3.0 ) وهو يأخذ ثلاثة قيم :Virtial -1: يعني أن النص سيلتف على عدة أسطر عند كتابته
ولكنه سيصلك عند اٍرساله على شكل سطر واحد متتابع
: <
TEXTAREA NAME = "comments" COLS = "40" ROWS = "5" WARP = "virtual" >
< /TEXTAREA >physical -2
: وتعني أن النص سيلتف على عدة أسطر سيصلك أيضاً
على نفس الشكل عند اٍرساله .<
TEXTAREA NAME = "comments" COLS = "40" ROWS = "5" WRAP = " physica" ><
/TEXTAREA >off -3: تعني أن النص لن يلتف بصورة تلقائية على عدة أسطر لكنه على أي حال
سيصلك بنفس الشكل الذي تم ادخاله له .<
TEXTAREA NAME = "comments" COLS = "40" ROWS = "5" WRAP = "off" ><
/REXTAREA >www.tartoos.comوهكذا كتبنا الشيفرة الخاصة بالنموذج وأي زائر للموقع
يستطيع أن يملؤه ولكن كيف يمكن أن يرسل فعلياً ؟ لذلك سنعود الى المؤثر
< INPUT > ولكن هذه المرة
مع النوع Submit والذي
يقوم تلقائياً بانشاء زر يقوم عند النقر عليه باٍرسال البيانات التي ملؤها في
النموذج :<
INPUT TYPE = "submit" > لاحظ أن Submit
أو ( Submit Query في
Nets Cape(
ظاهرة على الزر بشكل افتراضي . ولتغييرها نستخدم البارامتر VALUE :<
INPUT TYPE = "submit" VALUE = "press here to go" > في حال كان زوار موقعك من الناس الذين قد يغيرون آرائهم
بين لحظة وأخرى اسمح لهم بمسح ماكتبوه في النموذج واٍلغاء الأمر . وذلك
باستخدام Reset كنوع
Type للمؤثر < INPUT > بنفس طريقة التعريف
والخصائص المستخدمة مع Submit
:<
INPUT TYPE = "reset" VALUE = "cancel" >www.tartoos.comالشكل الأخير من أشكال البيانات في النماذج والمدرج مع
المؤثر < INPUT > هو
button والذي يقوم بانشاء
زر ضمن النموذج , وهو مرتبط بالنماذج التي تحتوي على نصوص برمجية ( أو برامج
كاملة ) في لغات متقدمة مثل Java Script
كونه يستخدم لتشغيل هذه البرامج واٍطلاقها . وهناك طرق لربطها مع البرامج (
ليس من الضروري شرحها الآن ) ولكن اٍن طريقة الإدراج والتعريف هي نفسها
المستخدمة مع Reset , submit<
INPUt TYPE = "button" VALUE = "this is a sample button" >