الحقول النصية:

يحتوي النموذج على حقول نصية تستخدم في قيام زائر الموقع بإدخال البيانات النصية فيها، كاسم المستخدم، والبريد الإليكتروني، وتعليقات الزوار، وما إلى ذلك، وتوضع الأكواد الخاصة بإنشاء الحقول النصية بين حدي علامة النموذج <form/> <from……> والكود التالي يقوم بإنشاء حقل نصي بداخل النموذج:

وكما لاحظت أن علامة <input….> علامة مفردة، أي ليس لها حد بداية وحد نهاية، ونوضع بين حدي علامة <form/> <from….>، وتحتوي علامة <……..input> الخاصة بإنشاء الحقول النصية على عدة خواص هي الخاصية “type=”text، والتي نأخذ القيمة text لتشير إلى أن هذا الحقل هو حقل نصبي، والخاصية ” “=name، والتي تكون قيمتها عبارة عن اسم الحقل لتمييزه عن غيره من الحقول عند إرسال البيانات التي يحتوي عليها هذا الحقل إلى قواعد البيانات، أو عند معالجة البيانات التي يقوم زائر الموقع بإدخالها في هذا الحقل، والخاصية ” “=size، والتي تحدد طول الحقل بالبيكسيل، والخاصية ” “=value، والتي تكون قيمتها عبارة عن النص الافتراضي الذي يظهر في الحقل عند فتح الصفحة في المتصفح، والخاصية ” “=maxlength تكون قيمتها عبارة عن قيمة عددية تمثل الحد الأقصى من عدد الحروف الذي يمكن أن يقبله الحقل.

والكود التالي يوضح كيفية إنشاء نموذج يحتوي على ثلاثة حقول نصية:

 

وبالكود السابق يتم إنشاء النموذج الذي يحتوي على ثلاثة حقول نصية الموضح في الشكل:

ويستخدم الكود التالي في إنشاء الحقل الخاص بوضع كلمة السر:

أما الكود التالي فيستخدم في إنشاء زر الإرسال الذي يستخدم في إرسال البيانات التي قام زائر الموقع بإدخالها عندما يقوم زائر الموقع بالنقر عليه في النموذج:

أما الكود التالي فيستخدم في إنشاء زر تفريغ الحقول، والذي بالنقر عليه بزر الماوس يتم تفريغ حقول النموذج مرة أخرى بدون إرسالها إلى الموقع:

والكود التالي يوضح كيفية إنشاء نموذج يحتوي على ثلاثة حقول نصية وحقل خاص بكلمة السر وزر إرسال وزر مسح:

وبذلك يتم إنشاء النموذج الذي يحتوي على زر إرسال وزر مسح كما يوضحه الشكل التالي: