ما هو منشئ النماذج؟

يتيح لك Form Builder إنشاء نماذج مخصصة بمحرر مرئي. أضف حقول نصية وقوائم منسدلة ومربعات اختيار والمزيد، ثم صدّر النموذج كشفرة HTML أو مخطط JSON.

اختر من بين أربعة عشر نوعاً من الحقول: نص، بريد إلكتروني، هاتف، رابط، رقم، تاريخ، رفع ملف، مقياس تقييم، قائمة منسدلة، مربع اختيار، اختيار واحد، منطقة نص، كتل وصف للنص التمهيدي، وفواصل صفحات تقسّم النموذج الطويل إلى خطوات. لكل حقل إدخال تسمية ونص مساعدة اختياري ونص توضيحي وعلامة إلزامي وقائمة خيارات للقوائم المنسدلة والاختيار الواحد. ابدأ من قالب جاهز (تواصل، ملاحظات، استبيان، تسجيل، طلب، حجز)، أعِد ترتيب الحقول بالأسهم لأعلى وأسفل، عاين النموذج مباشرةً مع شريط تقدّم عبر الصفحات، ثم صدّر صفحة HTML أنيقة جاهزة للصقها في أي موقع أو مخطط JSON للتحقق في الخادم.

كيفية الاستخدام

1. الخطوة 1 — انقر «إضافة حقل» لإدراج حقل جديد واختيار نوعه (نص، بريد إلكتروني، هاتف، رابط، رقم، تاريخ، ملف، مقياس تقييم، قائمة منسدلة، مربع اختيار، اختيار واحد، أو منطقة نص)، أو أضِف فاصل صفحات لتقسيم نموذج طويل إلى خطوات، أو حمّل قالباً جاهزاً للبدء بسرعة.
2. الخطوة 2 — انقر على أي حقل لتعيين تسميته وعنصره النائب وما إذا كان إلزاميًا.
3. الخطوة 3 — استعرض النموذج مباشرةً ثم صدّره كشفرة HTML أو مخطط JSON لدمجه في مشروعك.

متى تستخدم

• بناء نموذج تسجيل أو حضور سريع لتضمينه في موقع ثابت.
• صنع نموذج أولي قبل تسليم المخطط للمطوّر لربطه بالخلفية.
• تعليم أساسيات نماذج HTML دون أن يكتب الطلاب كل عنصر إدخال يدوياً.

النتيجة

تنشئ معلمة نموذج تسجيل مدرسي بحقول لاسم الطالب (نص إلزامي)، والمرحلة الدراسية (قائمة منسدلة: 9-12)، والبريد الإلكتروني (تحقق من البريد)، ومنطقة ملاحظات — ثم تصدّر HTML لتضمينه في موقع المدرسة.

الأسئلة الشائعة

إلى أين تذهب بيانات النموذج عند الإرسال؟

إلى لا مكان افتراضياً. شفرة HTML المُصدَّرة لا تحتوي على عنوان action، فلا يُرسَل الإرسال إلى أي جهة ولا تغادر البيانات الجهاز. لتجميع الإجابات، وجّه خاصية action إلى نقطة نهاية خاصة بك أو Formspree أو Google Forms أو دالّة بلا خادم.

هل يمكنني استيراد نموذج موجود إلى المحرر مجدداً؟

ليس حالياً. التصدير أحادي الاتجاه: من المحرر إلى HTML أو JSON. إن أردت تعديل النموذج لاحقاً، احفظ مخطط JSON وأعِد بناءه يدوياً، أو أبقِ جلسة العمل مفتوحة حتى تنتهي.

لماذا لا تظهر خيارات القائمة المنسدلة؟

القوائم المنسدلة وأزرار الاختيار تحتاج عنصراً واحداً على الأقل في قائمة الخيارات. انقر الحقل، افتح قسم الخيارات، واكتب كل خيار مفصولاً بفاصلة أو سطر جديد. القائمة الفارغة تنتج قائمة منسدلة فارغة.

هل تتضمن شفرة HTML أي تنسيق؟

نعم — أصبح كل تصدير HTML يتضمّن الآن ورقة أنماط مدمجة صغيرة، فيظهر النموذج أنيقاً وواضحاً بمجرد فتح الملف: مسافات مرتّبة، وحدود للحقول، وحلقة تركيز، وزر إرسال منسّق. الـ CSS بسيط ومكتفٍ ذاتياً، فيمكنك إبقاؤه كما هو أو حذف كتلة الأنماط ووضع أصناف Tailwind أو Bootstrap أو إطارك الخاص.

ما الفرق بين تصدير HTML وJSON؟

HTML جاهز للّصق في الصفحة وعرضه. JSON مخطط منظَّم يصف أنواع الحقول والتسميات وقواعد التحقق، مناسب للعرض عبر React أو Vue أو مكتبات نماذج مثل react-hook-form أو Formik.

أدوات ذات صلة