שדה Mask Input ב-Fluent Forms #

ב-Fluent Forms, Mask Input מאפשר למנהלים להגדיר פורמט מסוים שעל משתמשים להקפיד עליו בעת מילוי טופס. לדוגמה, שדה קלט מספר טלפון עשוי להתאים 11 ספרות או 10 ספרות לרוב מסוים; וחשוב ביותר, הוא עשוי שלא להתאים קלטים בכל פורמט אחר.

Fluent Forms מגיע עם חמש פורמטי סיכוך (masking) מוגדרים מראש. אם חמש הפורמטים הללו אינם מספיקים לך, אתה יכול להתאים אותם כרצונך.

בואו נראה כיצד להוסיף Mask Input ב-Fluent Forms.

• כדי להוסיף את שדה Mask Input לטופס שלך, גרור והטל את השדה מן שדות הקלט הזמינים.

• כדי להפעיל התאמה אישית, לחץ על סמל העריכה שתראה כאשר אתה מעביר את העכבר על השדה. או לחץ על הכרטיסייה Input Customization (התאמה אישית של קלט) בסרגל הצד הימני כאשר השדה נבחר.

• בחר מפורמטי הסיכוך (masking) המוגדרים מראש, או צור סיכוך (mask) מוסדר.

• בעת יצירת סיכוך (mask) מוסדר, הקפד על הפורמט הבא:
  – השתמש ב-‘0’ / ‘#’ כדי לציין תו מספרי.
  – השתמש ב-‘A’ בקטנה כדי לציין תו אלפביתי.
  – השתמש בכוכבית ‘*’ כדי לציין כל תו אלפנומרי.
  – כל התווים האחרים הם ערכים ממשיים ויוצגו באופן אוטומטי.
  דוגמאות:
  Date Mask: 00/00/0000. Valid Input: 10/21/2011
  Social Security Number Mask: 000-00-0000. Valid Input: 987-65-4329
  Course Code Mask: AAA 999. Valid Input: BIO 101
  License Key Mask: *-*-***. Valid Input: a9a-f0c-28Q

בכרטיסייה התאמה אישית של קלט (Input Customization), התאם אישית את שדה קלט הסיכוך (mask input field).

בחלק Input Customization (התאמה אישית של קלט), תמצא אפשרויות שונות להתאמה אישית של שדה קלט הסיכוך (mask input field)-

1. אפשרויות בסיסיות (Basic Options)
2. אפשרויות מתקדמות (Advanced Options)

אפשרויות בסיסיות (Basic Options) #

בצד ימין של הכרטיסייה, יש כמה אפשרויות בסיסיות חשובות המובאות להלן:

• Element Label (תווית אלמנט): זהו הטקסט שהמשתמשים יראו בטופס עבור שדה הקלט. אתה יכול לשים כל טקסט כאן שעוזר להבין את המטרה של השדה הזה.

• Label Placement (מיקום התווית): קבע את מיקום התווית שהגדרת בעבר ביחס לשדה הקלט. האפשרויות הזמינות הן Top (עליון), Left (שמאל), Right (ימין), ו-Default (ברירת מחדל). כל אלה הם מובנים מאליהם פרט ל-Default. המשמעות שלו היא שהוא ייצג את הגדרות מיקום התווית הגלובליות שלך.

• Admin Field Label (תווית שדה מנהל): אם אתה רוצה להציג תווית שונה למשתמשי מנהל שלך כאשר הם צופים בהגשות טופס, אתה יכול להגדיר זאת באמצעות אפשרות זו. לא יש לזה השפעה בפועל על הטופס; יותר רק למטרות הנהלה.

• Placeholder (מקום-מחזיק): אתה יכול גם להחזיק מקום (placeholder) שלפיו משתמשים יתפסו את נושא השדה.

• Mask Input (קלט סיכוך): בחר מפורמטי הסיכוך (masking) המוגדרים מראש, או צור סיכוך (mask) מוסדר.
  בעת יצירת סיכוך (mask) מוסדר, הקפד על הפורמט הבא.
  – השתמש ב-‘0’ / ‘#’ כדי לציין תו מספרי.
  – השתמש ב-‘A’ בקטנה כדי לציין תו אלפביתי.
  – השתמש בכוכבית ‘*’ כדי לציין כל תו אלפנומרי.
  – כל התווים האחרים הם ערכים ממשיים ויוצגו באופן אוטומטי.
  דוגמאות:
  Date Mask: 00/00/0000. Valid Input: 10/21/2011
  Social Security Number Mask: 000-00-0000. Valid Input: 987-65-4329
  Course Code Mask: AAA 999. Valid Input: BIO 101
  License Key Mask: *-*-***. Valid Input: a9a-f0c-28Q.

• Required (חובה): קבע אם השדה עשוי להיות ריק או לא כאשר המשתמש שולח את הטופס שלך על ידי בחירת האפשרות המתאימה מכאן.

אפשרויות מתקדמות (Advanced Options) #

ההתאמות המתקדמות הזמינות עבור שדה Mask Input הן כדלקמן: #

• Default value (ערך ברירת מחדל): באמצעות shortcodes שלנו, אתה יכול להגדיר באופן ידני כל ערך קבוע בשדה שלך ולמלא מראש את שדה הקלט שלך באופן דינמי. כדי להבין טוב יותר את Dynamic Default Value (ערך ברירת מחדל דינמי), קרא את ההנחיה הזו.

• Container Class (מחלקה של מכל): השתמש באפשרות זו כדי להוסיף את כיתות ה-CSS המותאמות שלך לעטיפת השדה.

• Element Class (מחלקה של אלמנט): באופן דומה, אתה יכול להוסיף כיתות CSS מותאמות לשדה הקלט עצמו.

• Help Message (הודעת עזרה): כדי להנחות את המשתמש שלך ביסודיות, אתה יכול להשתמש באפשרות זו. פשוט הוסף את הטקסט שלך כאן וזה יוצג כהודעת עזרה למשתמש.

• Prefix Label (תווית קידומת): אתה יכול להשתמש בשדה זה כדי לספק Prefix Label בשדה הקלט שלך. זה יוצג בשדה הקלט כתווית קידומת.

• Suffix Label (תווית סיומת): כדי לספק Suffix Label בשדה הקלט שלך, אתה יכול להשתמש בשדה זה. זה יוצג בשדה הקלט כתווית סיומת.

• Name Attribute (תכונת שם): תכונת השם של שדה הקלט היא המקבילה ל-HTML של אותו שם. אתה לא צריך לשנות זאת.

• Conditional Logic (לוגיקה מותנית): אתה יכול ליצור כללים מסוימים כדי להסתיר/להציג באופן דינמי את שדה הקלט בהתאם לערכים משדות אחרים.

• שמור את הטופס כאשר התאמה אישית הסתיימה.