كيفية عمل استبيان في HTML

رجل يحمل الحافظة وقلم رصاص

تسمح لك نماذج HTML بجمع كل أنواع المعلومات من زوار موقعك على الويب.

حقوق الصورة: Stockbyte / Retrofile / Getty Images

إذا كنت ترغب في جمع البيانات أو التعليقات من زوار موقع الويب الخاص بك ، فقم بإنشاء استبيان باستخدام لغة ترميز النص التشعبي (HTML). يمكن أن يحتوي الاستبيان الخاص بك على مجموعة متنوعة من طرق الإدخال ، من أزرار الاختيار إلى مربعات الاختيار إلى القوائم المنسدلة. بعد أن يملأ المستخدم الاستبيان ، احصل على إجاباته في صندوق البريد الإلكتروني الخاص بك.

الخطوة 1

افتح مستند HTML الذي ترغب في عرض الاستبيان الخاص بك فيه في Notepad ، أو محرر HTML المدمج في مضيف الويب ، أو محرر HTML الذي تختاره. إذا كنت تبدأ صفحة ويب جديدة ، فأنشئ مستند TXT جديدًا ، ثم أدخل العلامات الأساسية:

فيديو اليوم

عنوان صفحة الويب

ستنتقل علامات النموذج التي تقوم بإنشائها بين علامات الفتح والإغلاق. عند استكمال الاستبيان ، احفظ المستند إما باسم HTM أو HTML ، ثم افتحه في أي متصفح ويب لمعاينة عملك.

الخطوة 2

أدخل ال

. كل أسئلتك و ستنتقل العلامات بين هاتين العلامتين. كل يجب أن تحتوي العلامة على سمة "اسم" ، مثل. حتى يتم إعادة توجيه الإجابات على الاستبيان الخاص بك إلى عنوان بريدك الإلكتروني ، الخاص بك

الخطوه 3

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

الخطوة 4

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

نعم

رقم

تنشئ العلامة فاصل أسطر على صفحة الويب الخاصة بك ، نظرًا لأن HTML بحد ذاته لا يتعرف على المسافة البيضاء.

الخطوة الخامسة

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

المزيد من الصور!

المزيد من الروابط!

المزيد من المحتوى!

الخطوة 6

استخدم العلامات لإنشاء قائمة اختيار منسدلة يمكن للمستخدم من خلالها اختيار خيار واحد فقط. لكل خيار في قائمتك ، قم بإنشاء ملف مجموعة بين الافتتاح والختام

نظرًا لأن خيار "الألوان" يتميز بالسمة المحددة ، فسيكون الاختيار الافتراضي.

الخطوة 7

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