การกรอกที่อยู่อาจใช้เวลานานและยุ่งยาก ที่อยู่บรรทัดที่ 2 คืออะไร คุณอาจไม่มีนามสกุล แล้วควรป้อนอะไรในช่องนามสกุล ป้องกันความสับสนเหล่านี้และช่วยให้ผู้ใช้กรอกแบบฟอร์มที่อยู่ได้
ตรวจสอบว่าแบบฟอร์มที่อยู่ใช้งานง่าย
แบบฟอร์มจำนวนมากใช้ 1 ช่องสำหรับชื่อและอีกช่องสำหรับนามสกุล
แต่บางคนไม่มีนามสกุล หรือชื่อไม่ได้มี 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" สำหรับการควบคุมแบบฟอร์มอื่นๆ