عودة  

 

2)     القائمة المنسدلة (selectable menu) :

 

وسم أنشاء القائمة المنسدلة يحتاج لوسم نهاية ويحتاج لوسم الخيارات وهي <option>  ولا يحتاج هذا الوسم إلى وسم نهاية .

و للوسمين عدة سمات تتضح لنا من الصيغة :

 

< select  name =" # "   size= "# # "     multiple >

< option   value= "$ "  selected  > $$

</select>

  #    :   أسم للوسم  ليرسل إلى الخادم  .

# #   :   رقم

$      :   القيمة التي سترسل للخادم .

$$    :   القيمة التي سترسل للخادم لكن أذا وجدت السمة value   فان هذه القيمة لن ترسل .

 

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

1)     Name  اسم لوسم قائمة الاختيار ويكون اسم بسيط وقصير(لحفظ محتوى الوسم في قاعدة بيانات الخادم).

2)     Size  رقم لعدد الخيارات المتاحة وما يكتب من خيارات زيادة على العدد المحدد لا يظهر.

3)     Multiple  سمة الاختيار المتعدد , تتيح لك اختيار اكثر من عنصر وعند الاستغناء عن كتابة هذه السمة فانه يمكن اختيار عنصر واحد فقط .

      مثال :

    سمات وسم عنصر الخيارات

1)     Value   وهي لإعطاء قيمة لهذا العنصر

2)     Selected  سمة الاختيار المسبق للعنصر

مثال :

<select size="1" name="D1"  >
<option selected value="a">أول ثانوي</option>
<option value="b1">ثاني ثانوي - علمي</option>
<option value="b2">ثاني ثانوي - أدبي</option>
<option value="c1">ثالث ثانوي-علمي</option>
<option value="c2">ثالث ثانوي - ادبي</option>
</select>

  

3) مساحة النص (Text Area   ) :

 

صيغته :

< textarea   name = " # "   rows =" $ "  cols = " $$ "  warp= " !! " >

قيمة اولية   …

</textarea >

 

يتضح لنا من الصيغة أ، للوسم أربعة سمات هي :

1)     Name   سمة الاسم للوسم ليرسل إلى الخادم .

2)      Rows   تحدد هذه السمة عدد السطور في مساحة النص وهي تمثل الصفوف .

3)     Cols   تحدد هذه السمة عدد الأحرف في السطر الواحد وهي تمثل الأعمدة .

4)     Warp   سمة التفاف النص  ولها 3 قيم هي :

  •  Off   تبطل عمل التفاف النص .

  • Soft   تسبب التفاف النص ولكن لا تحسب قفزات السطر عند إرسال البيانات

  • Hard  تسبب التفاف النص و تحسب قفزات السطر و المسافات عند إرسال البيانات .

 

مثال :

<textarea rows="9" name="S2" cols="70">ملاحظات ولي الامر</textarea>

 

4) شكل أو أسلوب الزر ( Button style  )

لإنشاء زر بشكل وأسلوب خاص .

صيغته :

< button   type = " # " > … </button>

لها سمة واحدة هي نوع الزر Type  ولها قيمتين هما :

    Reset  ( إعادة )

    Submit   ( إرسال )

أما ما بين وسمي البداية و النهاية فيكون محتوى هذا الزر وقد يحتوي على صورة .

 

5) مجموعة الحقول (field set) 

 

هذا الوسم لعمل حقول في النموذج وتجميع مجموعة من النماذج في حقل .

صيغته :

< fieldset >

< legend   align= " $ " > … field title … < /legend>

 

*** form contents ***

 

</fieldset>

 

بين وسمي البداية و النهاية لمجموعة الحقول توضع النماذج المراد أدراجها في هذا الحقل , ويحتوي هذا الحقل على وسم <legend>  الذي يحتوي بين وسمي البداية والنهاية على عنوان الحقل وله سمة واحدة هي سمة تنسيق العنوان ( align ) ولها عدة قيم هي :

 

: $ Top , Bottom , left , center , right .

مثال :

<fieldset >
<legend align="right"><b><font color="#0066FF" size="4"> بيانات ولي الأمر</font></b></legend>
<blockquote>
<p><b>أسم ولي الأمر :
<input type="text" name="name2" size="20" tabindex="12"></b></p>
<p><b>البريد الالكتروني :
<input type="text" name="email2" size="20" tabindex="13" dir="ltr"></b></p>
<p><b>العنوان ( البلد - المدينة - ص.ب ) :
<input type="text" name="address2" size="20" tabindex="14"></b></p>
<p><b>رقم الهاتف ( محمول ) :
<input type="text" name="mobill2" size="20" tabindex="15"></b></p>
<p><b>صورة من البطاقة الشخصية :
<input type="file" name="pic3" size="20" tabindex="16"></b></p>
</blockquote>
</fieldset>

 

  عودة