label กับ input

ป้ายกำกับต้องผูกกับช่องกรอก

<label> บอกว่าช่องนี้คืออะไร · <input> คือช่องรับค่า

ผูกด้วย for ของ label ให้ตรงกับ id ของ input — คลิกป้ายแล้วโฟกัสช่องได้ และโปรแกรมอ่านหน้าจออ่านคู่กันได้

<label for="email">อีเมล</label>
<input id="email" name="email" type="email">

name กับ id

id — อ้างอิงในหน้า (ผูก label) ต้องไม่ซ้ำในหน้า

name — ชื่อคู่ค่าตอนส่งฟอร์ม

อย่าวางข้อความข้าง input โดยไม่ใช้ label — ดูคล้ายกันบนจอ แต่การเข้าถึงต่างกันมาก