أضمن لك بعد هذا الدرس البسيط ألا تبحث بعد اليوم عن فورم مراسلة لموقعك وأن تقوم ببرمجته بنفسك

لكن لا تبدأ بالقراءة وانت معزم إنك ماراح تفهم .. ركز شوي وجرب .. وأحيطك علما بأن سطور البرمجة التي تراها هنا ليست إلا html يمكنك عملها بالفرونت بيج .. ولن تحتاج إلا لحوالي ثلاثة أسطر فقط تكتبها بلغة php
طيب سنتعرف الآن على الملفات المستخدمة في السيكربت ووظيفة كل منها :
1-add.html : هذه الصفحة تحتوي على الحقول التي يقوم الزائر بتعبئتها .. وللتبسيط راح نطلب من الزائر البيانات التالية ( العنوان للرسالة – الرسالة ) ... وستتعلم لاحقا كيفية إضافة حقول إضافية .. بس أهم شي نفهم هذي .
2-Send.php : وهذا الملف هو الذي سيقوم باستقبال البيانات التي كتبها الزائر وسيقوم بإرسالها على بريدك .
---------------------------------------------------------------------------------------
الآن سنقوم بتصميم الصفحة الأولى add.html .. وسأختصر قدر الإمكان الأسطر البرمجية عشان تركز على فهم المطلوب .. وتقدر تستخدم الفرونت بيج لكن أنصحك أن تقوم باستخدام المفكرة مؤقتا حتى تعرف وظيفة كل سطر تكتبه وتتعرف لأسماء المتغيرات وتحددها... قم بفتح برنامج المفكرة واكتب التالي :
<form method="post" action="send.php">
<input type="text" name="subject"> عنوان الرسالة : <br>
<input type="text" name="message"> الرسالة : <br>
<input type="submit" value="أرسل" >
</form>
شرح الكود :
- في السطر الأول قمنا بفتح form سيطلب من الزائر بيانات سيتم تحديدها في الأسطر اللي بعده .. ويجب عند إنشاء فورم معين تحديد شيئين أساسيين :
أ-method : وهي طريقة إرسال البيانات .. إما Get أو Post والفرق بينهما بكل بساطة هي أن Get بعد أن يقوم الزائر بتعبئة الحقول وضغط الإرسال ستقوم بعرض عنوان الصفحة بعد علامة استفهام ؟ في شريط العنوان بالمتصفح ، وستظهر البيانات التي وضعها الزائر أيضا في شريط العناوين.... وأما Post ستقوم بإرسال المعلومات دون عرضها في شريط العناوين .. ونحن هنا بالطبع لانريد عرض البيانات في شريط العنوان بالمتصفح .. فاستخدمنا Post .
ب- Action : ونحدد هنا اسم الملف الذي تتجه إليه البيانات التي يضعها الزائر بعد ضغطه للإرسال .. ليقوم ذلك الملف باستقبالها ومعالجتها بحسب مافيه من أوامر .
- السطر الثاني طالبنا الزائر بإدخال قيمة باستخدام الأمر input .. وهذا الأمر يحتاج إلى :
أ- Type : وهنا نحدد نوع الإدخال من قبل الزائر .. هل هو نص text أو اختيار من متعدد كأزرار الراديو Radio أو مربعات يضع فيها علامات صح والتي تسمى Checkbox ... وكما ترى بأننا هنا نريد من الزائر إدخال اسمه فبالتأكيد سنحدد نوع الإدخال على أنه Text .
ب- Name : هنا سنضع اسم لمتغير .. هذا يعني بأن البيانات التي سيضعها الزائر في هذا الحقل ستحفظ في المتغير subject
- السطر الثالث نفس السطر الثاني مع اختلاف اسم المتغير طبعا .. وقد أعطيناه الاسم message هنا .. وطبعا الرسالة نوعها نصية text .
- السطر الرابع لإضافة زر الإرسال .. ونوعه Submit وسيكون مكتوب عليه افتراضيا كلمة (أرسل)
- الوسوم <br> هي وسوم html لترك سطر فارغ .. وآخر شي الوسم </form> عشان إغلاق الفورم .
---------------------------------------------------------------------------------------