تطبيقات عمليه على النماذج
سنقوم في هذه التطبيقات بصنع برامج بسيطة تتكون من ملفين ، الملف الاول يحتوي على كود HTML يقوم بتكوين النموذج والملف الثاني يقوم بإستقبال النتائج وطباعتها .
مربعات النصوص (TEXT Box) :
نقوم بعمل ذلك كالتالى :
1 - قم بتشغيل محرر النصوص لديك .
2 - اكتب الكود التالي :
كود:
<html dir =”rtl”>
<FORM METHOD = “GET” ACTION = “textbox.php”>
ماهي وجبتك المفضلة في الصباح ؟
<br>
<INPUT TYPE =”text” NAME = “food” value=”جبنة ومربي”>
<br>
<INPUT TYPE= submit VALUE=”إرسال”>
<INPUT TYPE= reset VALUE=”مسح”>
</form>
</html>
3 - قم بحفظ الملف كصفحة HTML . وقم بتسميته (textbox.html) .
4 - افتح محرر النصوص إذا كنت أغلقته .
5 - اكتب الكود التالي :
كود:
<?
Echo “وجبتك المفضله والى تموت في حبها هي” . “ “ . $food ;
?>
6 - قم بحفظ الملف كـ php . وقم بتسميته textbox.php .
7 - الآن قم بأخذ الملفين وضعهما في مجلد السيرفر لديك .
8-قم بتشغيل السيرفر واكتب في مستعرض الانترنت لديك
http://localhost/textbox.html
9 - قم بكتابة وجبتك المفضلة واضغط زر إرسال .
10- ستظهر النتيجة .
لاحظ كيف ظهر العنوان :
http://localhost/textbox.php?food=%C...E6%E3%D1%C8%ED
الشرح
لقد قمنا في البداية بعمل صفحة تتكون من نص و مربع نص وزر يقوم بعملية إرسال البيانات
قمنا بصناعة بداية النموذج بواسطة الوسم <FORM> وقمنا بتحديد المكان الذي سيتم ارسال البيانات إليه بواسطة
ACTION=”textbox.php”
وقمنا بصنع مربع النص بواسطه الوسم INPUT واخترنا الـ
TYPE=”text”
كما قمنا بوضع القيمة الإفتراضية فيه بواسطة القيمة
Value= “جبنه ومربي”
وقمنا بوضع الناتج الذي يضعه المستخدم في مربع النص في المتغير food .
(لاحظ ان تسميه المتغيرات حساسه لحاله الاحرف في PHP واننا لم نقم بوضع $ في صفحه المتغير في كود الـhtml ).
وأيضا لقد قمنا بإضافه زر بواسطة
TYPE=SUBMIT
وقمنا بوضع كلمة على الزر وهي كلمة (إرسال)
VALUE = “إرسال”
أيضا قمنا بصنع زر آخر
Type =reset
وقمنا بجعل العبارة التي عليه (مسح)
Value=”مسح”
هناك نوعين من الازرار هي SUBMIT وRESET
1- الـsubmit يقوم بإرسال المعلومات .
2- الـreset يقوم بمسح البيانات في جميع الأدوات في النموذج لإعاده إدخالها من جديد .
بعد ماقمنا بادخال البيانات وضغط زر الارسال قام النموذج بارسال البيانات إلى الصفحة المحددة في الخاصية ACTION وقامت الصفحة المحددة بإستقبال النتائج الموجودة في النموذج وهي نتيجة واحدة في مربع نصوص تم حفظ قيمته في المتغير food .
وقامت بطباعتها بواسطة الدالة echo .
نظرا لاننا استخدمنا الاسلوب GET فقد تم اعطاءنا عنوان الصفحه بالاضافه الى (?) وايضا المعلومات المسجله في المتغيرات والتي تم استخدام الURL ENCODING فيها لانها تستخدم حروف عربيه .
المفضلات