Sản phẩm
Trang giới thiệu học phần, bổ sung form đăng ký và form liên hệ.
Yêu cầu
- Thiết kế form "Đăng ký tham gia học phần" đặt trong trang riêng, gồm các nhóm trường: thông tin cá nhân (họ tên, email, mật khẩu, ngày sinh), thông tin học tập (mã sinh viên dạng số, lớp, link portfolio dạng url), khảo sát (mức độ tự đánh giá bằng range, màu giao diện ưa thích bằng color, nội dung mong muốn học bằng textarea)
- Toàn bộ trường phải có label liên kết chuẩn, trong đó có ít nhất 2 trường dùng implicit labeling để so sánh 2 cách
- Nhóm các trường liên quan lại với nhau và bố trí form thành nhiều cột bằng Flexbox của buổi 4
- Định dạng trạng thái focus của ô nhập bằng pseudo-class của buổi 3 để người dùng biết đang nhập ở đâu
- Bổ sung form liên hệ ngắn ở trang liên hệ, tái sử dụng cùng bộ định dạng CSS
- Viết comment giải thích vì sao chọn từng loại input cho từng trường dữ liệu
Tiêu chí đánh giá
Chọn đúng input type theo bản chất dữ liệu, form đầy đủ label chuẩn a11y, bố cục form gọn gàng, có phản hồi trực quan khi thao tác.
Hình minh họa kết quả mong đợi
