אחרי שסיפרנו על רכיב הטופס ועל הדרכים להפוך טופס לאינטראקטיבי, נראה איך אפשר לעזור למשתמשים להימנע מהזנת נתונים מחדש.
איך להפיק את המקסימום מהמילוי האוטומטי
מילוי טפסים יכול להיות זמן רב. לדוגמה, הזנת הכתובת שוב ושוב בכל אתר שבו רוצים לקנות משהו היא לא חוויית קנייה נעימה.
המילוי האוטומטי יכול לעזור לכם כאן. מזינים את הכתובת פעם אחת. מעכשיו, הדפדפן יציע לכם למלא את אותה כתובת באופן אוטומטי בטפסים אחרים.
עברת לעיר אחרת? אל דאגה, הכתובת הישנה לא תישאר כאפשרות לתמיד. אתם יכולים לערוך את נתוני הכתובת ששמורים בדפדפן כדי לשמור על עדכניותם.
איך פועל המילוי האוטומטי בדפדפן?
שדה כתובת יכול להיראות שונה מאוד באתרים שונים. איך הדפדפן יודע שזהו שדה כתובת?
הדפדפנים משתמשים בשיטות ניתוח נתונים (heuristics) כדי לזהות שדה כתובת.
מהם הערכים של המאפיינים name, type ו-id?
האם יש מאפיין autocomplete ברכיב הבקרה של הטופס?
על סמך המידע הזה, הדפדפנים יכולים להציע את האפשרות למלא שדה באופן אוטומטי בנתונים שהוזנו בעבר מאותו סוג. הדפדפנים יכולים אפילו להציע למלא באופן אוטומטי טופס שלם.
עזרה לדפדפנים עם מילוי אוטומטי
עכשיו נראה מה אפשר לעשות כדי לעזור לדפדפנים להציע את אפשרויות המילוי האוטומטי הנכונות.
שימוש בערכי מאפיינים הגיוניים
כפי שלמדתם, הדפדפנים יכולים לזהות את סוג הנתונים על ידי בדיקת המאפיינים של רכיב הבקרה בטופס.
<label for="email">Email</label>
<input type="email" name="email" id="email">
האם יש לך שדה שבו המשתמשים צריכים להזין את כתובת האימייל שלהם?
משתמשים ב-email כערך של המאפיינים name, id ו-type.
שלוש רמזים לדפדפן שזהו שדה אימייל.
מאפיין ההשלמה האוטומטית
יש דוגמאות נוספות שבהן עדיין יכול להיות קשה לדפדפנים לזהות את סוג הנתונים רק על סמך המאפיינים name, id ו-type.
אתם יכולים לעזור בנושא הזה באמצעות המאפיין autocomplete.
האם הזנת שם בעבר בדפדפן שבו את/ה משתמש/ת? סביר להניח שהדפדפן יציע לכם למלא שוב את השדה הזה בהדגמה.
מידע נוסף על השימוש בהשלמה אוטומטית ומילוי אוטומטי זמין במודול מאוחר יותר.
בדיקת ההבנה
בודקים את הידע שלכם על מילוי אוטומטי
על סמך אילו מאפיינים מוצעת האפשרות למילוי אוטומטי?
name.typeautocomplete