![]() |
2) القائمة المنسدلة (selectable menu) :
وسم أنشاء القائمة المنسدلة يحتاج لوسم نهاية ويحتاج لوسم الخيارات وهي <option> ولا يحتاج هذا الوسم إلى وسم نهاية . و للوسمين عدة سمات تتضح لنا من الصيغة :
< select name =" # " size= "# # " multiple > < option value= "$ " selected > $$ </select> # : أسم للوسم ليرسل إلى الخادم . # # : رقم $ : القيمة التي سترسل للخادم . $$ : القيمة التي سترسل للخادم لكن أذا وجدت السمة value فان هذه القيمة لن ترسل .
1) Name اسم لوسم قائمة الاختيار ويكون اسم بسيط وقصير(لحفظ محتوى الوسم في قاعدة بيانات الخادم). 2) Size رقم لعدد الخيارات المتاحة وما يكتب من خيارات زيادة على العدد المحدد لا يظهر. 3) Multiple سمة الاختيار المتعدد , تتيح لك اختيار اكثر من عنصر وعند الاستغناء عن كتابة هذه السمة فانه يمكن اختيار عنصر واحد فقط . مثال :
1) Value وهي لإعطاء قيمة لهذا العنصر 2) Selected سمة الاختيار المسبق للعنصر مثال :
3) مساحة النص (Text Area ) :
صيغته : < textarea name = " # " rows =" $ " cols = " $$ " warp= " !! " > … قيمة اولية … </textarea >
يتضح لنا من الصيغة أ، للوسم أربعة سمات هي : 1) Name سمة الاسم للوسم ليرسل إلى الخادم . 2) Rows تحدد هذه السمة عدد السطور في مساحة النص وهي تمثل الصفوف . 3) Cols تحدد هذه السمة عدد الأحرف في السطر الواحد وهي تمثل الأعمدة . 4) Warp سمة التفاف النص ولها 3 قيم هي :
مثال : <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>
|
![]() |