حقل الرقم
اجمع الأرقام بدقة وأناقة. من إدخالات الأرقام البسيطة إلى أشرطة التمرير التفاعلية مع تنسيق العملات - يوفر حقل الرقم التحقق من صحة البيانات، والتنسيق، وتجربة مستخدم رائعة.
جمع الأرقام الذكية مع التحقق المدمج
مثالية لـ: روتين العناية بالبشرة، تطبيق المكياج، أيام السبا، أو الاستخدام اليومي
ميزات قوية لكل حالة استخدام
🎯 التحكم الدقيق في التحقق
حدود الحد الأدنى/الأقصى
حدد القيمتين الدنيا والعليا المسموح بهما. امنع إدخال البيانات غير الصالحة قبل الإرسال باستخدام خاصية التحقق المدمجة في المتصفح.
التحكم في المقاسات
حدد قيم الزيادة - أعداد صحيحة (1)، أو أنصاف خطوات (0.5)، أو أرقام عشرية دقيقة (0.01) للعملة.
أمثلة:
- حقل العمر: الحد الأدنى 18، الحد الأقصى 100، الخطوة 1
- حقل السعر: الحد الأدنى 0، الحد الأقصى 10000، الخطوة 0.01
- التقييم: الحد الأدنى 1، الحد الأقصى 5، الخطوة 0.5
💰 تنسيق الأرقام الذكي
خيارات التنسيق المتعددة:
- رقم عادي – إدخال رقمي بسيط (123)
- العملة – النقود ذات الرموز ($123.00، €123.00، £123.00)
- النسبة المئوية – إضافة رمز النسبة المئوية تلقائيًا (85%)
- عشري – عدد المنازل العشرية ثابت (123.45)
رموز العملات المخصصة
يدعم أي عملة: الدولار الأمريكي، واليورو، والجنيه الإسترليني، والين الياباني، والروبية الهندية، وغيرها - مثالي للنماذج الدولية.
الدقة العشرية
تحكم في عدد المنازل العشرية من 0 إلى 4 أرقام لإجراء حسابات دقيقة.
وضع شريط التمرير التفاعلي
اختيار الأرقام المرئي
حوّل مدخلات الأرقام إلى أشرطة تمرير جذابة. يقوم المستخدمون بالتمرير لاختيار القيم - مثالية للتقييمات والنطاقات والتفضيلات.
مظهر قابل للتخصيص
- اختر لون شريط التمرير ليتناسب مع علامتك التجارية
- إظهار/إخفاء عرض القيمة الحالية
- رسوم متحركة وانتقالات سلسة
مثالي لاجل:
- تقييمات الرضا (من 1 إلى 10)
- نطاقات الميزانية (من 0 إلى 5000 دولار)
- محددات العمر
- مستويات الأولوية
- أي مجموعة مختارة
🔀 المنطق الشرطي
رؤية ذكية للميدان
إظهار أو إخفاء حقل الأرقام هذا بناءً على قيم الحقول الأخرى. إنشاء نماذج ديناميكية تتكيف مع مدخلات المستخدم.
قواعد المنطق المتقدمة:
- منطق "و" – يجب استيفاء جميع الشروط
- منطق أو – يمكن لأي شرط أن يؤدي إلى تنفيذ الإجراء
- ثمانية عوامل تشغيلية – يساوي، لا يساوي، أكبر من، أصغر من، يحتوي على، فارغ، وأكثر
استخدم حالات:
- اعرض "عدد الضيوف" فقط عند تحديد خانة الاختيار "هل تريد إحضار ضيوف؟"
- اعرض "نطاق الميزانية" عندما يكون نوع الخدمة "مميز".
- إخفاء "رمز الخصم" عندما يكون إجمالي الطلب أقل من 50 دولارًا
- إظهار الخيارات المخصصة للفئات العمرية الأكبر من 1
🎨 التخصيص الكامل
- فئات CSS مخصصة
- وضع الحقل المخفي
- مدخلات مُحسّنة للأجهزة المحمولة
- دعم الوصول
- التكامل مع جميع ميزات النموذج
- حجم الخطوة، القيمة الابتدائية
- أقل/أعلى قيمة مسموح بها
- حقل مخفي، قيمة مخفية
⚙️ التكوين الذكي
قيم افتراضية
قم بتعبئة الحقول مسبقًا بأرقام البداية لتوجيه المستخدمين أو تسريع عملية الإكمال.
نص العنصر النائب
اعرض تلميحات مفيدة مثل "أدخل الكمية" أو "عمرك" قبل أن يبدأ المستخدمون بالكتابة.
نص المساعدة
أضف أوصافًا لتوضيح الأرقام التي يجب إدخالها.
إعداد بسيط في 3 خطوات
جهّز حقل القائمة المنسدلة في دقائق
أضف حقل الرقم
اسحب وأفلت حقل الرقم من قسم الحقول الأساسية إلى النموذج الخاص بك.
تحديد قواعد التحقق
قم بضبط قيم الحد الأدنى/الأقصى، وحجم الخطوة، وقيمة البداية للتحكم في الأرقام التي يمكن للمستخدمين إدخالها.
اختر التنسيق والنمط
اختر التنسيق العادي، أو تنسيق العملة، أو النسبة المئوية، أو التنسيق العشري. يمكنك تفعيل وضع شريط التمرير للاختيار المرئي.
؟؟؟؟ هذا كل شيء! حقل الأرقام الخاص بك جاهز الآن مع التحقق الذكي والتنسيق.
تطبيقات العالم الحقيقي
التجارة الإلكترونية والطلبات
- محددات كمية المنتج
- فلتر نطاق السعر
- مدخلات نسبة الخصم
- عدد الأصناف والإجمالي
الاستطلاعات والتقييمات
- درجات الرضا (من 1 إلى 10)
- تصنيفات النجوم
- تصنيفات الأولوية
- مقاييس الاحتمالية
اللياقة والصحة
- تتبع الوزن
- قياسات الطول
- تكرارات التمرين
- حاسبات مؤشر كتلة الجسم
الحجوزات والاستفسارات
- عدد الضيوف/الحضور
- عدد الغرف
- المدة بالساعات/الأيام
- حجم الحفلة
تطبيق نماذج
- تاكيد السن
- سنوات من الخبرة
- توقعات الراتب
- نطاقات الميزانية
تمويل الأعمال التجارية
- مدخلات الإيرادات
- مبالغ الاستثمار
- نسب العائد على الاستثمار
- معدلات العمولة
خيارات الحقول الكاملة
تكوين الأساسية
- تسمية الميدان – العنوان الموضح أعلى حقل الرقم
- وصف/نص المساعدة – إرشادات إضافية للمستخدمين
- حقل مطلوب – اجعل إدخال الأرقام إلزاميًا
- نص العنصر النائب – نص تلميحي قبل أن يُدخل المستخدمون رقمًا
إعدادات التحقق
- أقل قيمة مسموح بها (الحد الأدنى) – أصغر عدد مقبول
- أعلى قيمة مسموح بها (الحد الأقصى) – أكبر عدد مقبول
- حجم الخطوة – زيادة القيمة (1، 0.5، 0.01، إلخ.)
- قيمة البداية – رقم افتراضي معبأ مسبقًا
عدد تنسيق
- عرض تنسيق
- رقم عادي
- العملة (مع الرمز)
- النسبة المئوية (٪)
- عشري (بمنازل ثابتة)
رمز العملة – $، €، £، ¥، ₹ (عندما يكون التنسيق عملة)
منازل عشرية – 0 أو 1 أو 2 أو 3 أو 4 أرقام (عندما يكون التنسيق عشريًا)
خيارات شريط التمرير
- عرض كشريط تمرير - تفعيل وضع شريط التمرير التفاعلي
- لون المنزلق – أداة اختيار ألوان مخصصة للعلامات التجارية
- إظهار الرقم بجوار شريط التمرير – عرض القيمة الحالية
المنطق الشرطي
- تمكين شرطي المنطق – إظهار/إخفاء بناءً على الشروط
نوع المنطق- يجب استيفاء جميع الشروط (و)
- يمكن استيفاء أي شرط (أو)
- قواعد الحالة
- اظهر المخفي – الإجراءات الواجب اتخاذها
- الحقل – أي حقل يجب التحقق منه؟
- المُشغل - يساوي، لا يساوي، يحتوي على، أكبر من، أصغر من، فارغ، غير فارغ
- بعد التخفيض – قيمة المقارنة
- شروط متعددة – أضف قواعد غير محدودة
خيارات متقدمة
- وضع الحقل المخفي - استخدمه كحقل مخفي بقيمة محددة مسبقًا
- فئات CSS المخصصة – تطبيق تصميم مخصص
- سمات إمكانية الوصول – ملصقات وأوصاف ARIA
لماذا تختار حقل الأرقام الخاص بنا؟
✅ دقيق – يمنع التحقق الدقيق من الحد الأدنى/الأقصى إدخالات غير صالحة
✅ موعد تقديم مرن
– تنسيقات متعددة لأي حالة استخدام
✅ مرئي – يوفر وضع شريط التمرير تفاعلات جذابة
✅ لوحة تحكم ذكية – المنطق الشرطي يُنشئ أشكالاً ديناميكية
✅ سهل الاستخدام – رسائل التحقق الواضحة ترشد المستخدمين
✅ أخصائي – تنسيق العملات والنسب المئوية مدمج
✅ الأمثل المحمول – لوحات مفاتيح رقمية مثالية على الأجهزة المحمولة
✅ متكامل تمامًا - يعمل بسلاسة مع جميع ميزات النموذج
الأسئلة الشائعة
س: ما الفرق بين الحد الأدنى/الأقصى والتحقق من الصحة؟
ج: توفر إعدادات الحد الأدنى/الأقصى التحقق الفوري على مستوى المتصفح. لا يمكن للمستخدمين إرسال أرقام غير صالحة، مما يجعل النماذج خالية من الأخطاء وسهلة الاستخدام.
س: هل يمكنني استخدام الأرقام العشرية؟
ج: نعم! اضبط قيمة الخطوة للتحكم في الأرقام العشرية. استخدم 0.01 للعملات (الأسعار)، و0.1 لرقم عشري واحد، أو أي خطوة مخصصة.
س: كيف يعمل شريط التمرير على الهاتف المحمول؟
ج: تم تحسين أشرطة التمرير للمس وتعمل بسلاسة على الأجهزة المحمولة.
س: هل يمكنني جمع الأرقام السالبة؟
ج: بالتأكيد! قم بتعيين قيمة دنيا سالبة (على سبيل المثال، الحد الأدنى: -100، الحد الأقصى: 100) للسماح بالأرقام السالبة.
س: ما هي رموز العملات المدعومة؟
ج: أي رمز! أدخل $ أو € أو £ أو ¥ أو ₹ أو أي رمز مخصص يصل إلى 3 أحرف.
س: هل يمكنني استخدام المنطق الشرطي القائم على مقارنات الأرقام؟
ج: نعم! استخدم عوامل التشغيل مثل "أكبر من" و"أصغر من" و"يساوي" لإنشاء منطق يعتمد على القيم العددية.
س: كيف يمكنني إنشاء حقل نسبة مئوية؟
أ: حدد "النسبة المئوية (%)" كتنسيق العرض. سيظهر رمز النسبة المئوية تلقائيًا، وسيدخل المستخدمون قيمًا من 0 إلى 100.
س: هل يمكنني تغيير لون شريط التمرير؟
ج: نعم! عند تفعيل وضع شريط التمرير، يمكنك اختيار أي لون باستخدام منتقي الألوان.
س: ماذا يحدث إذا أدخل المستخدمون أرقامًا خارج النطاق؟
ج: يقوم التحقق من صحة المتصفح بإيقاف الإرسال ويعرض رسالة خطأ مثل "يجب أن تكون القيمة بين 1 و 100".
س: هل يمكنني استخدام حقل الأرقام لإجراء العمليات الحسابية؟
ج: نعم! تعمل قيم حقول الأرقام في المقارنات الشرطية وفي العمليات الحسابية في معالجة النموذج الخاص بك.
س: ما مدى دقة الأرقام العشرية؟
ج: يمكنك ضبط المنازل العشرية من 0 إلى 4 أرقام، ويمكن أن تكون قيم الخطوة دقيقة حسب الحاجة (على سبيل المثال، 0.001).
