بسم الله نبدأ :::
أدوات الإدخال في النماذج
كنا قد ذكرنا في الدرس مفصل السابق أنه يوجد بعض أدوات الإدخال القياسية مثل صندوق الكتابة
Text Box ومفاتيح الإختيار
Radio and Check buttons ويمكنك وضعها في الصفحة عن طريق كتابة كود code قياسي كما يلي ::
مما سبق إذا أردت إدراج صندوق نصي في الصفحة فأكتب الكود code التالي ::
رمز PHP:
<code style="white-space:nowrap"> <code> <input type="text" name="textfield"
value="الطايـــــر">
</code> </code>
وتكون النتيجة كما بالشكل التالي ::
مثال::
سنقوم الآن بكتابة ملفين ، الأول به كود code عادي HTML والآخر به كـود PHP يقوم بإظهار نتيجة مدخلات المستخدم في الصفحة الأولى وفيما يلي خطوات أداء ذلك ::
- قم بفتح ملف جديد ( يمكنك إستخدام Notepad أو أي محرر آخر مناسب ) وأكتب في الملف الأول الكود code الآتي ::
رمز PHP:
<code style="white-space:nowrap"> <code> <html dir ="rtl">
<FORM METHOD="GET" ACTION="result.php">
قم بإدخال عنوانك
<br>
<INPUT TYPE="text" NAME="myaddr" VALUE="عنواني">
</br>
<INPUT TYPE="submit" VALUE="إرسال">
<INPUT TYPE="reset" VALUE="حذف">
</FORM>
</html>
</code> </code>
- قم الآن بحفظ الصفحة بالإسم page1.htm
- قم الآن بإنشاء الصفحة الثانية من المثال وقم بتسميتها result.php وأكتب الكود code التالي بداخلها ::
رمز PHP:
<code style="white-space:nowrap"> <code> <?
Echo "عنوانك هو: "."".$_GET["myaddr"];
?> </code> </code>
- قم الآن بحفظ الملف الثاني بالإسم result.php في الدليل
c:\Inetpub\wwwroot
- قم بفتح برنامج IE وأكتب العنوان التالي ::
ستظهر أمامك النافذة الأولى - قم بكتابة أي قيمة تريدها كما بالشكل التالي ::
- بعد الإنتهاء من الإدخال قم بالضغط على المفتاح إرسال ، ويجب أن تكون النتيجة كما بالشكل التالي ::
ملاحظات على المثال ::
- تم إرسال القيمة المدخلة كجزء من العنوان بالشكل ::
- في الصفحة الأولى لم نحتاج إلى كتابة لغة PHP لأن لغة HTML القياسية توفر أدوات التحكم في النماذج .
- قمنا في الصفحة الأولى بتحديد نموذج Form والصفحة الثانية التي ستتلقى القيم أو المتغيرات من الصفحة الحالية .
- قمنا بإدراج TextBox وسميناه بالإسم "myaddr" وهو نفسه إسم المتغير الذي سيتم إرساله إلى الصفحة result.php .
- كما ذكرنا يجب أن يكون لكل نموذج مفتاح واحد على الأقل يقوم بعملية submit أو تنفيذ النموذج وهنا قمنا بتعريب المفتاح إلى "إرسال" ، ويمكن أيضاً إدراج مفتاح لألغاء القيمة المدخلة إلى القيمة الإفتراضية كما فعلنا .
- بعد الضغط على المفتاح "إرسال" ، هنا يتم إرسال بيانات الصفحة المحددة في الخاصية Action وفي الصفحة result.php تم الوصول إلى المتغير المرسل عن طريق المصفوفة
$_GET[""]
التي تحتوي على جميع المتغيرات المرسلة بالطريقة GET ولايبقى سوى كتابة إسم المتغير بين علامتي التنصيص هكذا ::
$_GET["myaddr"]
ليتم إستعراض قيمته .
محرر النصوص
يمكن إدراج محرر نصي بسيط في الصفحة إذا كان هناك حاجة لإدخال عدة أسطر من النصوص الحرفية ، ويتم ذلك عن طريق الوسم ::
رمز PHP:
<code style="white-space:nowrap"> <code> <textarea name="" rows=رقم cols=رقم >
</textarea>
</code> </code>
فيمكن تحديد عدد الصفوف عن طريق الخاصية rows وعدد الأعمدة عن طريق الخاصية cols .
مثال ::
قم بوضع الوسم الآتي ::
رمز PHP:
<code style="white-space:nowrap"> <code> <textarea name="textarea" rows="4" cols="20" >
</textarea>
</code> </code>
في الصفحة السابقة
page1.htm وعدل الوسيلة
GET بالوسيلة
POST ، ثم عدل في الصفحة result.php بحيث يتم إستعراض سطور المحرر عن طريق إستبدال السطر
$_GET حتى يصبح كما يلي
رمز PHP:
<code style="white-space:nowrap"> <code> $_POST["textarea"];
</code> </code>
وأكتب المثال بالكامل مرة أخرى حتى يسهل علينا تنفيذه ::
الصفحة
page1.htm سنغير إسمها لتكون
page2.htm للتفرقة بينها وبين المثال السابق وسيكون الكود code فيها كالتالي ::
رمز PHP:
<code style="white-space:nowrap"> <code> <html dir ="rtl">
<FORM METHOD="POST" ACTION="result1.php">
قم بإدخال عنوانك
<br>
<textarea name="textarea" rows="4" cols="20" >
</textarea>
</br>
<INPUT TYPE="submit" VALUE="إرسال">
<INPUT TYPE="reset" VALUE="حذف">
</FORM>
</html>
</code> </code>
وستظهر كما في الشكل التالي ::
وبالنسبة للصفحة
result.php سنغير إسمها لتكون
result1.php للتفرقة بينها وبين المثال السابق ونلاحظ أننا عدلنا الإسم في الكود code السابق وسيكون الكود code فيها كما يلي ::
رمز PHP:
<code style="white-space:nowrap"> <code> <?
Echo "عنوانك هو: "."".$_POST["textarea"];
?> </code> </code>
وعند الضغط على مفتاح الإرسال ستكون النتيجة كما في الشكل التالي ::
ملاحظة ::
الطريقة POST لايظهر في سطر العنوان قيم المتغيرات فيظهر كما يلي ::
ويتضح من المثالين الإختلاف بين الطريقة GET والطريقة POST .