שדה מספר
אסוף מספרים בדיוק ובסגנון. החל מקלט מספרי פשוט ועד למחוונים אינטראקטיביים עם עיצוב מטבע - שדה המספר מספק אימות, עיצוב וחוויית משתמש יפהפייה.
איסוף מספרים חכם עם אימות מובנה
מושלם בשביל:
תכונות עוצמתיות לכל מקרה שימוש
🎯 בקרת אימות מדויקת
גבולות מינימום/מקסימום
הגדר את הערכים הנמוכים והגבוהים ביותר המותרים. מנע ערכים לא חוקיים לפני ההגשה באמצעות אימות דפדפן מובנה.
בקרת גודל צעד
הגדירו ערכי תוספת - מספרים שלמים (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 דולר)
- בוררי גילאים
- רמות עדיפות
- כל בחירת טווח
🔀 לוגיקה מותנית
נראות שדה חכמה
הצג או הסתר שדה מספרים זה בהתבסס על ערכי שדה אחרים. צור טפסים דינמיים שמתאימים את עצמם לקלט המשתמש.
כללי לוגיקה מתקדמים:
- לוגיקה וגם - כל התנאים חייבים להתקיים
- לוגיקה או - כל תנאי יכול להפעיל את הפעולה
- 8 אופרטורים - שווה, לא שווה, גדול מ, קטן מ, מכיל, ריק ועוד
שימוש במקרים:
- הצג "מספר אורחים" רק כאשר תיבת הסימון "להביא אורחים?" מסומנת
- הצג "טווח תקציב" כאשר סוג השירות שווה ל"פרימיום"
- הסתר "קוד הנחה" כאשר סך ההזמנה נמוך מ-50 דולר
- חשיפת אפשרויות הגבלת גיל כאשר הגיל גדול מ-1
🎨 התאמה אישית מלאה
- שיעורי CSS מותאמים אישית
- מצב שדה מוסתר
- קלט מותאם למובייל
- תמיכה בנגישות
- אינטגרציה עם כל תכונות הטפסים
- גודל צעד, ערך התחלתי
- הערך המותר הנמוך ביותר/הגבוה ביותר
- שדה נסתר, ערך נסתר
⚙️ תצורה חכמה
ערכי ברירת מחדל
מלאו מראש שדות עם מספרי התחלה כדי להדריך את המשתמשים או לזרז את ההשלמה.
טקסט מציין מקום
הצג רמזים מועילים כמו "הזן כמות" או "הגיל שלך" לפני שמשתמשים מקלידים.
טקסט עזרה
הוסף תיאורים כדי להבהיר אילו מספרים להזין.
התקנה פשוטה ב-3 שלבים
הכינו את שדה התפריט הנפתח שלכם תוך דקות
הוסף את שדה המספרים
גרור ושחרר את השדה מספר מהמקטע שדות בסיסיים לתוך הטופס שלך.
הגדרת כללי אימות
הגדר ערכים מינימליים/מקסימליים, גודל צעד וערך התחלתי כדי לשלוט באילו מספרים משתמשים יכולים להזין.
בחר פורמט וסגנון
בחר פורמט רגיל, מטבע, אחוז או עשרוני. לחלופין, הפעל מצב מחוון לבחירה חזותית.
🎉 זהו! שדה המספרים שלך מוכן עם אימות ועיצוב חכמים.
אפליקציות בעולם האמיתי
מסחר אלקטרוני והזמנות
- בוררי כמות מוצרים
- מסנני טווח מחירים
- קלטי אחוז הנחה
- ספירת פריטים וסיכומים
סקרים ודירוגים
- ציוני שביעות רצון (1-10)
- דירוגי כוכבים
- דירוגי עדיפות
- סולמות סבירות
כושר ובריאות
- מעקב משקל
- מדידות גובה
- חזרות על התרגילים
- מחשבוני BMI
הזמנות והזמנות
- מספר אורחים/משתתפים
- כמות החדר
- משך זמן בשעות/ימים
- גודל המפלגה
טופסי בקשה
- אימות גיל
- שנים של ניסיון
- ציפיות שכר
- טווחי תקציב
עסקים וכספים
- תשומות הכנסות
- סכומי השקעה
- אחוזי החזר השקעה
- שיעורי העמלה
אפשרויות שדה מלאות
תצורה בסיסית
- תווית שדה – הכותרת המוצגת מעל שדה המספרים
- תיאור/טקסט עזרה – הנחיות נוספות למשתמשים
- שדה חובה – להפוך את הזנת המספר לחובה
- טקסט מציין מקום – טקסט רמז לפני הזנת מספר על ידי משתמשים
הגדרות אימות
- הערך הנמוך ביותר המותר (מינימום) – המספר הקטן ביותר המקובל
- הערך המרבי המותר (מקסימום) – המספר המקובל הגדול ביותר
- גודל הצעד – ערך תוספתי (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).
