איך לעזור למשתמשים להימנע מהזנה חוזרת של נתונים בטפסים

אחרי שלמדנו על אלמנט הטופס ואיך להפוך אותו לאינטראקטיבי, עכשיו נראה איך תוכלו לעזור למשתמשים להימנע מהזנה חוזרת של הנתונים.

מפיקים את המקסימום מהמילוי האוטומטי

מילוי טפסים יכול להימשך זמן רב. לדוגמה, הזנת הכתובת מחדש בכל אתר שבו רוצים לקנות פריט כלשהו אינה חוויית קנייה טובה.

המילוי האוטומטי יכול לעזור לך כאן. מזינים את הכתובת פעם אחת. החל מעכשיו, הדפדפן שלך יציע לך באופן אוטומטי למלא את אותה כתובת בטפסים אחרים.

עברת לעיר אחרת? אל תדאג לגבי האפשרות לקבל את הכתובת הישנה באופן סופי. ניתן לערוך את נתוני הכתובת שהדפדפן שמר עבורך כדי לעדכן אותם.

איך פועל המילוי האוטומטי בדפדפן?

שדה כתובת יכול להיראות שונה מאוד באתרים שונים. איך דפדפן יכול לדעת שמדובר בשדה כתובת?

דפדפנים משתמשים ביוריסטיקה כדי לזהות שדה כתובת. מהם הערכים של המאפיינים name, type ו-id? האם יש מאפיין autocomplete בפקד הטופס?

על סמך המידע הזה, דפדפנים יוכלו להציע מילוי אוטומטי של שדה עם נתונים מאותו סוג שהוזנו בעבר. דפדפנים יכולים אפילו להציע מילוי אוטומטי של טופס.

עזרה לדפדפנים עם מילוי אוטומטי

בואו נראה מה אפשר לעשות כדי לעזור לדפדפנים להציע את אפשרויות המילוי האוטומטי הנכונות.

צריך להשתמש בערכי מאפיינים הגיוניים

כמו שלמדת, דפדפנים יכולים לזהות את סוג הנתונים על ידי בדיקת המאפיינים של פקד טופס.

<label for="email">Email</label>
<input type="email" name="email" id="email">

האם יש שדה שבו המשתמשים צריכים להזין את כתובת האימייל שלהם? יש להשתמש בערך email כערך המאפיינים name, id ו-type. שלושה רמזים לדפדפן: זה שדה אימייל.

מאפיין ההשלמה האוטומטית

יש דוגמאות אחרות שבהן הדפדפנים עדיין מתקשים לזהות את סוג הנתונים רק באמצעות המאפיינים name, id ו-type. אפשר לעזור כאן בעזרת המאפיין autocomplete.

האם הזנת שם בעבר בדפדפן שבו אתה משתמש? הדפדפן כנראה יציע לכם שוב למלא את הפרטים בשדה הזה בהדגמה.

מידע נוסף על השימוש בהשלמה אוטומטית ובמילוי אוטומטי במודול מאוחר יותר.

בחינת ההבנה

בוחנים את הידע שלכם במילוי האוטומטי

משאבים

• מאפיין ההשלמה האוטומטית
• מילוי אוטומטי: מה מפתחי האינטרנט צריכים לדעת, אבל לא