การกรอกที่อยู่อาจใช้เวลานานและน่าหงุดหงิด บรรทัดที่อยู่ 2 ใช้สำหรับอะไร คุณอาจไม่มีนามสกุล ดังนั้นคุณควรป้อนอะไรในช่องนามสกุล หลีกเลี่ยงความสับสนเหล่านี้และช่วยผู้ใช้กรอกแบบฟอร์มที่อยู่
สร้างแบบฟอร์มที่ใช้ง่าย
แบบฟอร์มจำนวนมากใช้ช่องหนึ่งสำหรับชื่อและอีกช่องหนึ่งสำหรับนามสกุล
อย่างไรก็ตาม บางคนไม่มีนามสกุลหรือชื่อมีเพียงส่วนเดียว
ดังนั้นบุคคลเหล่านั้นควรกรอกข้อมูลในช่องนามสกุลอย่างไร ใช้ <input> เดียวสำหรับ
ช่องชื่อ ดูข้อมูลเพิ่มเติมเกี่ยวกับ
การจัดการรูปแบบชื่อต่างๆ
จากการวิจัย
บรรทัดที่อยู่ 2 อาจทำให้ผู้ใช้สับสน พิจารณาใช้<textarea>
สำหรับที่อยู่ทั้งหมด หรือซ่อนช่องบรรทัดที่อยู่ 2 ไว้หลัง<button>
โปรดระมัดระวังเกี่ยวกับคำอธิบายการควบคุมแบบฟอร์ม
เช่น ผู้ใช้ในสหรัฐอเมริกาจะพูดว่า 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" สำหรับการควบคุมแบบฟอร์มอื่นๆ