بوابة AND في صفحة ويب: قائمتان وزر
في الأسبوع التاسع كان كل مفتاح زرًا ينقلب عند النقر. أما صفحة الويب فلا تنقلب في مكانها دون كود إضافي، فتستعمل قائمتين منسدلتين، واحدة لكل مفتاح، فيهما الخياران on وoff، وزر Apply. يختار الزائر الحالتين ويضغط Apply، فتعود الصفحة وتقول هل المصباح مضاء. والصفحة نموذج كما في الأسبوع السابع. ولكل قائمة اسم هو list1 وlist2 ليجد PHP ما اختاره الزائر. ولكل خيار قيمة، والقيمة هي ما يسافر إلى الخادم؛ أما الكلمات بين الوسمين فهي ما يقرؤه الزائر فقط. وقاعدتان صغيرتان في HTML: أعطِ كل خيار قيمة دائمًا، واكتب مسافة بين الخصائص. وفي نسختنا يكون المصباح سطر نص يملؤه PHP؛ أما المشروع الأصلي فيعرض صورة مصباح مضاء أو مطفأ تُختار بالطريقة نفسها.
| النافذة (الأسبوع 9) | الصفحة (هذا الأسبوع) | |
|---|---|---|
| المفتاح | زر ينقلب | قائمة منسدلة: on أو off |
| ما الذي يبدأ العمل | النقر على مفتاح | زر Apply يرسل النموذج |
| المصباح | صندوق يتغير لونه | سطر نص يملؤه PHP |
1<form method="post"> 2 <select name="list1"> 3 <option value="off">off</option> 4 <option value="on">on</option> 5 </select> 6 <select name="list2"> 7 <option value="off">off</option> 8 <option value="on">on</option> 9 </select> 10 <input type="submit" name="apply" value="Apply"> 11</form> 12<p>The lamp is <?php echo $lamp; ?>.</p>
| الاسم | القيمة المرسلة |
|---|---|
| list1 | on |
| list2 | off |
| apply | Apply |
صمّم على الورق صفحة AND يضيء مصباحها حين تقول قائمة المفتاح turned وتقول قائمة الزر pressed. اكتب خيارات كل قائمة مع قيمها، وسمِّ القائمتين، وقل ما القيمتان اللتان يستلمهما PHP عند الاختيارين turned وpressed.