Đề bài - Mã đề F: Đặt bàn nhà hàng
Kiến thức áp dụng chung: thẻ form, đa dạng input types, textarea, button, label.
Vận dụng kiến thức cũ: bố cục form nhiều cột bằng Flexbox (Buổi 4); khoảng cách và đường viền các trường bằng Box Model (Buổi 2); trạng thái focus và hover của ô nhập và nút bằng pseudo-class (Buổi 3); khung trang semantic (Buổi 1).
Yêu cầu kỹ thuật:
- Xây dựng form "Đặt bàn nhà hàng" có tối thiểu 10 trường dữ liệu.
- Bắt buộc sử dụng đủ 8 loại input: text, email, password, url, number, date, color, range.
- Có ít nhất 1 textarea và 1 nhóm lựa chọn dạng checkbox hoặc radio.
- Mọi trường đều có label liên kết đúng qua for/id.
- Form phải được chia thành ít nhất 3 nhóm chủ đề rõ ràng, bố trí bằng Flexbox.
- Nộp kèm bảng giải trình: mỗi trường dùng input type nào và lý do chọn loại đó.
Hình minh họa kết quả mong đợi:
Ràng buộc cấu trúc riêng cho mã đề F
Khối details/summary: Dùng details/summary để trình bày một ghi chú mở rộng liên quan đến mã đề. Không thay ràng buộc này bằng cấu trúc của mã đề khác.
