ทดลองฟอร์มและโครง Semantic

สร้างหน้าติดต่อที่มี header/nav/main/footer และฟอร์มใน main แล้วทดสอบ label กับ required

1) คลิกทุก label แล้วโฟกัสถูกช่อง

2) ส่งฟอร์มว่างแล้วถูกกันด้วย required

3) ใน Elements เห็น header nav main footer เป็นโครงนอก

4) มี main เพียงหนึ่งในหน้า

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

สร้างหน้าติดต่อพร้อมฟอร์มสามช่องและโครง semantic ครบ

ปานกลาง

ใช้ Tab ไล่โฟกัสทั้งฟอร์มแล้วจดลำดับที่โฟกัส

ลำดับโฟกัสมักตามลำดับในซอร์ส

ง่าย