♦◄ دورة تعلم لغة الـ HTML ►♦ صندوق الاختيار .
ط¢ط®ط±
ط§ظ„طµظپط­ط©
LoVeR EyeS

  • ط§ظ„ظ…ط´ط§ط±ظƒط§طھ: 53734
    ظ†ظ‚ط§ط· ط§ظ„طھظ…ظٹط²: 28466
ط¹ط¶ظˆ ط£ط³ط§ط³ظٹ
LoVeR EyeS

ط¹ط¶ظˆ ط£ط³ط§ط³ظٹ
ط§ظ„ظ…ط´ط§ط±ظƒط§طھ: 53734
ظ†ظ‚ط§ط· ط§ظ„طھظ…ظٹط²: 28466
ظ…ط¹ط¯ظ„ ط§ظ„ظ…ط´ط§ط±ظƒط§طھ ظٹظˆظ…ظٹط§: 9.2
ط§ظ„ط£ظٹط§ظ… ظ…ظ†ط° ط§ظ„ط¥ظ†ط¶ظ…ط§ظ…: 5855
  • 23:36 - 2013/01/10

بسـم الله الرحمـان الرحيـم .. و الصلاة و السلام على أشــرف المــرسليـن ..

السـلام علــيـكـم و رحمـة الله تعـالى و بــركـاتـه ..

تمضي الأيـام .. لكن الذكرى تبقــى الماضــي مضـى .. و المضارع يمضي

لذلك فلنطـوي صفحـة الماضـي و لنبــدأ بصفحات بيضــاء جديــدة

و لنــجعل من من الذكريات الــوانا في كتابنا و لنــملئ صــفاحتنا البيــضاء بســطور ذهبية

تعــكس جمالها على منتــدانا هذا .. الحمـد لله وحده نحمده و نشكره و نستعـينه و نستـغفره و نعـود بالله

مـن شـرور أنـفسنا و من سيـئات أعمالنا .. من يـهده الله فلا مظل لـه و مـن يظـلل فلن تـجد له ولياً

مرشدا ..و أشـهد ألا إلاه إلا الله وحده لا شريك له و أن محــمداً عبده و رسـوله صــلى الله عليه و

سلم و على آله و صحبه أجمعين و من تبعهم بإحسـان إلى يوم الدين ..ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم

الـخـبــيـر .. ربـنـا لا فــهم لـنا إلا ما فهــمتنا إنــك أنـت الجــواد الـكـريـم .

ربـي اشرح لي صــدري و يســر لي أمــري و احــلل عقــدة من لســاني يفقــهوا قــولي ..

... أما بعد ...

فإن أصــدق الحــديث كــتاب الله تعــالى و خير الــهدي هــديُ سيـدنا محمد صلى الله عليه و سلم ..

و شــر الأمــور مــحدثــاتها و كــل محــدثة بدعة و كل بدعـة ظـلالة و كل ظـلالة فــي النار ..

فاللــهم أجــرنا و قــنا عذابــها برحمتــك يا أرحــم الراحميــن ..

بعد تقديم الدرس الثامن عشر ( ♦◄ دورة تعلم لغة الـ HTML ►♦ مربع النص الطويل . )

الأن ننتقل للدرس التاسع عشر وهو صندوق الاختيار .

اليوم راح نأخد الـ select في النماذج .

ماهو Select ؟ select هو عبارة عن قائمة منسددة تندرج تحتها قيمة ، والقيم هذه يختارها الزائر أو المتصفح

كيفية عمل هذه القائمة ، راح تقول له :

بعدين راح تحدد الـ option ، الـ option هي الخيارات بهذَا الشكل :

طيب ، يفضل دائمًا أنك تستخدم name إذَا كنت تستخدم برمجات مثلاً

هذا الـ name تستخدمه إذا كنت فقط في حالة برمجية ، اما إذَا كنت في حالة غير برمجية تضع الـ Name خالي

الـ name يذل على إسم النوع ، على أساس لما تبدأ في تعلم أو ما خلافه .. عند إستخدام القيم التخزينية لابذ أنك تستخدم الأسماء عشان يعرف

عشان يعرف البرمجية مثل الـ PHP .. إلخ عشان تعرف أنه هاذ الشيء هو اللي راح يطبق عليه إذًا هذه هي فائدة الـ Name

تمام ، الحين نروح للـ Option ، الـ Option تقدر تحدد خيارات .. مثلاً تقول له :

بس على اساس أوضح ، و مع إحتراماتي لـباقي الدول

نعمل Save

نروح للملف ، نفتحه

النتيجة ، كما تلاحظ صارت عندي قائمة فيهَا اوامر select

وهو يختار ألي يبيه من العملية

تمام ، لابذ أن توضع value للـ Option .. لأنهَا القيمة التي تخزن إذَا كان عندك نظام قواعد بيانات

طيب الحين ركز معي أنك تضعها بهاذ الشكل ، مالك شغل بأموار قواعد البيانات الأن هذا راح نتناوله إن شاء الله في الدورات القادمة الأخرى هذا إذا

كنت تريد أن تستمر ، لكن أنت لو كنت تبي تفهم الـ HTML .. الـ Value لابذ انك تكتب له قيمة نفسها بهذا الشكل

على أساس يعرف هو إيش القيمة اللي تدخل إلى القاعدة

هناك أيضًا شيء في Select ، تقدر تستخدم size .. طيب size إذا خليتها 0 ماراح تعطيك شيء نجرب

نعمل Save

نروح للملف ، نفتحه

النتيجة ، كما تلاحظ ماعطانا شيء

بس لو نجرب نعمل 3 او اي عدد ، نحن نجرب 3

نعمل Save

نروح للملف ، نفتحه

النتيجة ، كما تلاحظ صرات بهذا الشكل

إذًا هذه هي فائدة الـ size انها تعطيك ياها 3 اول خيارات لاني انا وضعت لها رقم 3

تمام ، فيه ايضًا شيء إسمه الـ optgroup .. الـ optgroup معناتها انك تضعهم في مجموعات ، label على اساس ترأس هته المجموعات

نجرب :

نعمل Save

نروح للملف ، نفتحه

النتيجة ، كما تلاحظ Frinds ما اقدر اضغط عليها بس حددنا قيم

هذه فائدتها انك تعنون القوائم ، تمام أيضًا من أهم الأشياء اللي لازم تعرفهَا

أول شيء تقوم بنزع الـ optgroup لانو مانحتاجها الحين ، طيب مثلاً انت بدك

تكون Tunis هي الاولى في الخيارات ، يعني لما يدخل تضهر له هي الاولى  لتخليها اول شيء لازم تقول لها :

نعمل Save

نروح للملف ، نفتحه

النتيجة ، كلما نفتح الملف راح يعطينَأ Tunis بهذا الشكل

طيب ، عندنا ايضًا disabled هي نفس فكرة الـ selected بس هي تمنع إختيار هذا الامر

نعمل Save

نروح للملف ، نفتحه

النتيجة ، يمنعنا من اختيار Tunis بهذا الشكل

تمام ، disabled تقدر تعملها على اكثر من خيار بس selected تضعها على خيار واحد فقط الي تبيه يكون الاول عند الفتح يعهني إفتراضي

إذًا هذه هي فكرة select .

إلى هنا نلتقي في الدرس القآدم بإدن الله

جميع الحقوق محفوظة LoVeR EyeS.

 ♦◄ دورة تعلم لغة الـ HTML ►♦ صندوق الاختيار .
ط¨ط¯ط§ظٹط©
ط§ظ„طµظپط­ط©