หลุมพรางฟอร์มที่พบบ่อย

label ไม่ผูก / for กับ id ไม่ตรง

สะกดไม่เหมือนกันเพียงตัวเดียวก็ทำให้คลิกป้ายแล้วไม่โฟกัสช่อง

ลืม name หรือใช้ id ซ้ำ

ไม่มี name ข้อมูลอาจไม่ถูกส่งเป็นคู่ชื่อ–ค่า · id ซ้ำทำให้เอกสารไม่ถูกต้อง

<!-- ผิดแนวคิด: ข้อความข้าง ๆ โดยไม่ผูก -->
<p>อีเมล <input type="email"></p>

<!-- ถูก: มี label และ name -->
<label for="mail">อีเมล</label>
<input id="mail" name="mail" type="email" required>
ก่อนโทษว่า “required ไม่ทำงาน” ให้ดูว่า input อยู่ใน form และปุ่มเป็น type="submit" หรือยัง