فرم های آدرس

پر کردن آدرس می تواند زمان بر و خسته کننده باشد. خط آدرس 2 چیست؟ شما ممکن است نام خانوادگی نداشته باشید، پس چه چیزی را باید در قسمت نام خانوادگی وارد کنید؟ از این سردرگمی ها اجتناب کنید و به کاربران کمک کنید فرم های آدرس را پر کنند.

اطمینان حاصل کنید که فرم آدرس شما برای استفاده آسان است

بسیاری از فرم ها از یک فیلد برای نام و یکی برای نام خانوادگی استفاده می کنند. اما برخی از افراد نام خانوادگی ندارند یا نام آنها دو قسمتی نیست، پس چگونه باید قسمت نام خانوادگی را پر کنند؟ از یک <input> برای فیلد نام استفاده کنید. درباره مدیریت قالب های مختلف نام بیشتر بیاموزید.

همچنین از یک <input> برای آدرس خیابان استفاده کنید – هر آدرسی دارای شماره خیابان نیست.

با توضیحات کنترل فرم مراقب باشید. برای مثال، کاربران در ایالات متحده می‌گویند ZIP ، در کدپستی بریتانیا. از <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" استفاده کنید.

منابع