ฝึกหน้าสมัครพร้อม Semantic

โจทย์

สร้างหน้าสมัครหรือติดต่อหนึ่งไฟล์ตามสเปก

สเปกที่ต้องครบ

• มี header nav main footer

• ใน main มี section หรือ article อย่างน้อยหนึ่ง

• มี form ที่มีช่องอย่างน้อยสามช่อง คนละ type ที่ต่างกัน

• ทุกช่องมี label ผูก for/id และมี name

• มีช่อง required อย่างน้อยสองช่อง และมี button type="submit"

แบบฝึกปฏิบัติ

ลองทำตามรายการด้านล่างในเบราว์เซอร์หรือไฟล์ของคุณ — ไม่มีตรวจอัตโนมัติในเฟสนี้

เขียนหน้าให้ครบสเปกด้านบน
ใช้เทคนิควางชิ้นส่วน: โครงหน้า → ลิสต์ช่อง → ผูก label
ปานกลาง
เพิ่ม checkbox ยอมรับเงื่อนไขที่ผูก label ได้ถูกต้อง
ยาก