html الإستمارة

html إنشاء الإستمارة

آخر تحيين: 05-03-2014

input حقول إدخال النص html الجداول


لإنشاء الإستمارة ، نستعمل وسم الكتلة <form>

<form>
  <!-- محتوى الإستمارة -->
</form>

بما أن الإستمارة هي النقطة التفاعلية في الموقع ، و الصلة الأساسية و النشيطة بين الزبناء لتداول المعلومة . يجب إذاً إرسالها ليتمكن هؤلاء من استقبال بياناتها ، هنا نجد أنفسنا أمام أمرين هامين : الأول يتمثل في طريقة إرسال الإستمارة و الثاني إلى أين سنرسلها . لتخطي هذا ، و جب علينا أن نُبين هذا في استمارتنا باستعمال صفتين أساسيتين هما : method و action

<form action="" method="">
    <!-- محتوى الإستمارة -->
</form>
  • action : تعني الإجراء أو العملية . قيمتها تمثل الرابط إلى الصفحة التي ستستقبل بيانات الإستمارة و معالجتها .
    مثلا إذا كنا قد برمجنا مسبقا صفحة تستقبل و تعالج بيانات الإستمارة ، و أسميناها "reception.php" . يجب أن نكتب الرابط النسبي أو المطلق إلى هذه الصفحة في قيمة action <form action="reception.php" method=""> .
  • method : تعني الطريقة ، أي طريقة إرسال الإستمارة . لدينا اثنتان :
    GET : يتم تمرير جميع المعلومات عبر عنوان url : الرابط المطلق الذي ترونه في شريط عناوين متصفّحكم .
    POST : الطريقة المستعملة غالبا لإرسال الإستمارة .

فهمتم أم لم تفهموا . هذا لا يهم كثيرا حاليا ، حتى الشرح الذي قدّمته فهو جد شحيح ، و خاصة لقيم GET و POST . كما ذكرت فهذا الشق يتعلق باللغة التفاعلية . همنا في هذا الدّرس هو تعلم إنشاء الإستمارات . و الذي يجب أن تتذكروه أن الصّفتين action و method هما إلزاميتان لكل الإستمارات .
ستصبح شيفرتنا كالتالي :

<form action="reception.php" method="post">
   <!-- محتوى الإستمارة -->
</form>

أصبحت إستمارتنا جاهزة ، سنقوم بملإها بالبيانات و سنستعمل لذلك ما يسمّى بالحقول . كل واحد يختلف حسب نوع البيانات التي سيضمها .
سنرى أهم الحقول التي ستتعاملون معها :

  • حقول إدخال النص
  • حقول الإختيار