القوائم (Lists Or drop down menus) اختر مواصفات زوجتك للمستقبل واسمها :
تستخدم القوائم في الـhtml بشكل مختلف قليلاً عن الأداوت السابقة إذ أننا نستخدم وسمين من وسوم لغة html وهما :
<select> لنقوم بإنشاء القائمة و <OPTION> ونستخدم الخاصية MULTIPLE إذا كنا نريد إتاحه الفرصه للمستخدم أن يختار أكثر من قيمة ونقوم بوضع القيمة التي يختارها المستخدم في متغير بواسطه الخاصية NAME أو في مصفوفة متغيرات (وسيتضح مفهوم المصفوفات لديك جيدا في درس المصفوفات باذن الله .


تطبيق عملي :
1- قم بفتح محرر النصوص لديك واكتب الكود التالي واحفظه في ملف باسم lists.html :
كود:
<html dir=”rtl”>
<form action = “lists.php” method = “post”>
ماذا تريد ان يكون اسم زوجة المستقبل(لغير المتزوجين ) ؟
<br>
<select name = “wife” >
<option> هناء </option>
<option>جمانة </option>
<option>رزان </option>
<option>سحـــر </option>
<option>سارة </option>
<option>سمية </option>
<option>روان </option>
<option>دلال </option>
<option>اسم اخر </option>
</select>
<BR>
ماذا تريد أن تكون مواصفاتها ؟
<Br>
<select name=”dis[]” multiple>
<option>جميلة</option>
<option>متدينة</option>
<option>شقراء </option>
<option>جعداء الشعر</option>
<option>سوداء </option>
<option>سمراء </option>
<option>بيضاء </option>
</select>
<br>
<INPUT TYPE=SUBMIT VALUE=”إرســال”>
</html>
2- قم بفتح ملف جديد واكتب فيه الكود التالي وقم بحفظه باسم lists.php :
كود:
<html dir=”rtl”>
<?
Echo “لقد أردت أن يكون اسم زوجتك ” . “ “ . $wife ;
Echo “<br><br>”;
Echo “ولقد أردت أن تكون مواصفاتها “;


Echo “<br><br>”;
Echo “$dis[0] <br>”;
Echo “$dis[1] <br>”;
Echo “$dis[2] <br>”;
Echo “$dis[3] <br>”;
Echo “$dis[4] <br>” ;  
Echo “$dis[5] <br>”;
Echo “$dis[6] <br>”;
?>
</html>
قم بتشغيل البرنامج
http://localhost/lists.html
واختر ماتريد ثم اضغط زر ارسال


الشرح :
لقد قمنا بصناعة قائمة تسمح بإختيار قيمة واحدة منها ثم تذهب هذه القيمة الى المتغير wife وصنعنا قائمة ثانيه تسمح بإختيار أكثر من عنصر واحد وقمنا بوضع هذه القيم في مصفوفه متغيرات (سيتضح معني المصفوفات في دروس قادمه ان شاء الله ) .