Bài tập tại lớp - Buổi 5: Thiết kế form

Trang giới thiệu học phần Nền tảng Web - bổ sung form đăng ký và form liên hệ

Mỗi bước dưới đây là một thư mục độc lập, mở được trực tiếp bằng index.html của thư mục đó, thể hiện tiến trình hoàn thiện form theo từng yêu cầu của Buổi 5.

  1. Bước 1: Thiết kế form "Đăng ký tham gia học phần" với 3 nhóm trường
  2. Bước 2: Label liên kết chuẩn, có implicit labeling để so sánh với for/id
  3. Bước 3: Bố trí form nhiều cột bằng Flexbox
  4. Bước 4: Định dạng trạng thái focus của ô nhập bằng pseudo-class
  5. Bước 5: Bổ sung form liên hệ ngắn, tái sử dụng cùng CSS

Xem đề bài Đáp án minh họa (tài liệu giáo viên, không phát cho người học)