מילוי כתובת יכול להיות ארוך ומתסכל. מהי שורת כתובת 2? ייתכן שאין לך שם משפחה, אז מה עליך להזין בשדה שם משפחה? כדי למנוע את הבלבול הזה, אפשר לעזור למשתמשים למלא טופסי כתובת.
חשוב לוודא שטופס הכתובת שלך קל לשימוש
טפסים רבים משתמשים בשדה אחד לשם פרטי ובשדה אחד לשם משפחה.
עם זאת, לאנשים מסוימים אין שם משפחה, או שלשמות שלהם אין שני חלקים, אז כיצד עליהם למלא את השדה'שם משפחה'? צריך להשתמש ב-<input>
אחד בשדה השם.
למידע נוסף על טיפול בפורמטים שונים של שמות.
צריך להשתמש גם ב-<input>
אחד כרחוב – לא לכל כתובת יש מספר בית.
חשוב להיזהר מתיאורים של בקרות טפסים.
לדוגמה, משתמשים בארה"ב אומרים ZIP (מיקוד) בבריטניה postcode.
כדאי להשתמש בשדה <label for="zip">ZIP or postal code (optional)</label>
כדי לוודא שהמשתמשים יידעו אילו נתונים להזין.
מגדירים ששדה המיקוד הוא אופציונלי – לא בכל כתובת יש מיקוד.
איך לעזור למשתמשים להזין את הכתובת שלהם
המאפיין autocomplete
יכול לעזור למשתמשים להזין מחדש את הכתובת שלהם:
autocomplete="name"
autocomplete="street-address"
autocomplete="postal-code"
autocomplete="country"
אפשר להגדיר כמה ערכים שמופרדים ברווחים עבור autocomplete
.
נניח שיש לכם טופס עם כתובת למשלוח וטופס נוסף לכתובת לחיוב.
כדי לציין לדפדפן איזה מיקוד מיועד הכתובת לחיוב, אפשר להשתמש ב-autocomplete="billing postal-code"
.
לכתובת למשלוח, יש להזין shipping
כערך הראשון.
במקלדות שמופיעות במסך אפשר לשנות את התווית של המקש Enter
באמצעות המאפיין enterkeyhint
.
השתמש ב-enterkeyhint="done"
עבור פקד הטופס האחרון, וב-enterkeyhint="next"
עבור פקדי הטפסים האחרים.