Bài tập — Bài 27: Biểu mẫu trên trang web

Phần 1: Câu hỏi Trắc nghiệm (Nhận biết & Thông hiểu)

Câu 1. Nội dung nào sau đây phản ánh đúng kiến thức cần ghi nhớ trong bài Bài 27: Biểu mẫu trên trang web? A. Biểu mẫu tạo bằng thẻ <form>, chứa các điều khiển nhập liệu. B. Bỏ qua các khái niệm cơ bản và chỉ học thuộc lòng kết quả cuối cùng mà không cần hiểu bản chất. C. Chỉ áp dụng kiến thức trong một trường hợp duy nhất, không cần kiểm tra điều kiện hay đơn vị. D. Các nội dung trong bài hoàn toàn độc lập và không có mối liên hệ nào với thực tiễn hay các bài học khác.

Câu 2. Khi học và vận dụng bài Bài 27: Biểu mẫu trên trang web, khẳng định nào dưới đây là chính xác? A. Không cần đọc kĩ đề bài hay phân tích dữ kiện trước khi thực hiện các bước giải. B. Mỗi điều khiển nên có nhãn <label> mô tả rõ ràng. C. Mọi khái niệm trong bài đều có thể thay thế tùy ý cho nhau mà không làm thay đổi kết quả. D. Chỉ cần ghi đáp số ngắn gọn, bỏ qua toàn bộ bước lập luận, giải thích và kiểm tra lại.

Câu 3. Theo phần Kiến thức trọng tâm của bài Bài 27: Biểu mẫu trên trang web, phát biểu nào sau đây là đúng? A. Kết luận ngay kết quả khi chưa đối chiếu với quy tắc hoặc định nghĩa trong bài học. B. Thay đổi toàn bộ quy tắc trọng tâm của bài học theo cảm tính cá nhân. C. Biểu mẫu (form) là thành phần cho phép người xem gửi thông tin đến trang web, ví dụ đăng kí tài khoản, gửi liên hệ, bình chọn, đặt hàng. D. Bỏ qua việc rèn luyện qua ví dụ minh họa và bài tập thực hành của tiết học.

Câu 4. Để nắm vững và vận dụng tốt bài Bài 27: Biểu mẫu trên trang web, học sinh cần lưu ý điều nào sau đây? A. Không cần ghi nhớ các lưu ý trọng tâm vì chúng không ảnh hưởng đến việc làm bài tập. B. Áp dụng ngược lại hoàn toàn so với quy tắc và hướng dẫn trong phần kiến thức trọng tâm. C. Chỉ cần đọc lướt tiêu đề bài học mà không cần nắm vững nội dung chi tiết từng mục. D. Các điều khiển biểu mẫu thường dùng gồm: <input> (ô nhập một dòng, mật khẩu, email, hộp kiểm, nút chọn), <textarea> (ô nhập nhiều dòng), <select> (danh sách thả xuống) và <button> (nút bấm).

Phần 2: Bài tập Tự luận & Thực hành theo tiết học

Bài 1 (Cơ bản — Hệ thống hóa kiến thức trọng tâm). Dựa vào phần Kiến thức trọng tâm của bài Bài 27: Biểu mẫu trên trang web, em hãy trình bày các khái niệm, quy tắc hoặc nội dung cốt lõi của tiết học và nêu ý nghĩa của chúng.

Bài 2 (Thực hành — Phân tích & Giải mẫu theo ví dụ tiết học). Đọc kĩ tình huống/ví dụ trọng tâm của tiết học dưới đây, sau đó tự trình bày lại các bước thực hiện và nêu nhận xét rút ra:

Tình huống: Tạo biểu mẫu liên hệ cho trang web của câu lạc bộ.

Bài 3 (Vận dụng — Áp dụng quy tắc ghi nhớ vào bài tập). Vận dụng các điểm ghi nhớ trọng tâm của bài Bài 27: Biểu mẫu trên trang web để giải thích hoặc thực hiện yêu cầu thực hành mở rộng sau:

Giải pháp:

<form action="gui-lien-he" method="post">
  <label for="ten">Họ và tên:</label>
  <input type="text" id="ten" name="ten" required>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>
  <label for="noidung">Nội dung:</label>
  <textarea id="noidung" name="noidung" rows="4"></textarea>
  <button type="submit">Gửi liên hệ</button>
</form>

Bài 4 (Luyện tập học kì — Mức độ Cơ bản). Một máy tính xách tay thường xuyên tự tắt khi đang dùng. Hãy lập kế hoạch chẩn đoán sự cố theo các bước: (1) thu thập triệu chứng, (2) giả thiết nguyên nhân, (3) kiểm tra từng giả thiết, (4) khắc phục.

Bài 5 (Luyện tập học kì — Mức độ Thông hiểu). Em hãy lập bảng so sánh 3 nghề: quản trị mạng, quản trị cơ sở dữ liệu, kĩ thuật viên sửa chữa máy tính theo các tiêu chí: công việc chính, kiến thức cần có, môi trường làm việc.

Bài 6 (Luyện tập học kì — Mức độ Vận dụng & Nâng cao). Một trường học tổ chức hội thảo hướng nghiệp với chủ đề "Nghề nghiệp trong ngành Công nghệ thông tin". Hãy đề xuất 3 hoạt động cho hội thảo và giải thích tác dụng của mỗi hoạt động.

Phần 3: Đáp án & Hướng dẫn giải chi tiết

1. Đáp án phần Trắc nghiệm

• Bảng đáp án: 1-A, 2-B, 3-C, 4-D.
• Giải thích chi tiết:
  • Câu 1 (A): Khẳng định đúng theo mục Ghi nhớ của bài: "Biểu mẫu tạo bằng thẻ <form>, chứa các điều khiển nhập liệu."
  • Câu 2 (B): Khẳng định đúng theo nội dung cốt lõi của tiết học: "Mỗi điều khiển nên có nhãn <label> mô tả rõ ràng."
  • Câu 3 (C): Khẳng định chuẩn xác theo phần Kiến thức trọng tâm: "Biểu mẫu (form) là thành phần cho phép người xem gửi thông tin đến trang web, ví dụ đăng kí tài khoản, gửi liên hệ, bình chọn, đặt hàng."
  • Câu 4 (D): Khẳng định đúng theo hướng dẫn trọng tâm của bài: "Các điều khiển biểu mẫu thường dùng gồm: <input> (ô nhập một dòng, mật khẩu, email, hộp kiểm, nút chọn), <textarea> (ô nhập nhiều dòng), <select> (danh sách thả xuống) và <button> (nút bấm)."

2. Hướng dẫn giải phần Tự luận & Thực hành

• Bài 1:
  • Nội dung cốt lõi cần trình bày: Biểu mẫu (form) là thành phần cho phép người xem gửi thông tin đến trang web, ví dụ đăng kí tài khoản, gửi liên hệ, bình chọn, đặt hàng. Biểu mẫu được tạo bằng thẻ <form> trong HTML, bên trong chứa các điều khiển như ô nhập văn bản, hộp chọn, nút chọn, danh sách thả xuống và nút gửi.
  • Tổng kết ghi nhớ: Biểu mẫu tạo bằng thẻ <form>, chứa các điều khiển nhập liệu.; Mỗi điều khiển nên có nhãn <label> mô tả rõ ràng.; Thuộc tính required bắt buộc nhập, name xác định dữ liệu gửi đi.
• Bài 2:
  • Hướng dẫn phân tích & trình bày: Dựa trực tiếp vào dữ kiện trong ví dụ minh họa của tiết học: Tình huống: Tạo biểu mẫu liên hệ cho trang web của câu lạc bộ.
  • Lưu ý khi trình bày: Xác định rõ yêu cầu, áp dụng đúng quy tắc/khái niệm trong mục 1 và kiểm tra lại kết quả cuối cùng.
• Bài 3:
  • Phương pháp giải: Áp dụng các quy tắc ghi nhớ của bài Bài 27: Biểu mẫu trên trang web (Biểu mẫu tạo bằng thẻ <form>, chứa các điều khiển nhập liệu.; Mỗi điều khiển nên có nhãn <label> mô tả rõ ràng.; Thuộc tính required bắt buộc nhập, name xác định dữ liệu gửi đi.).
  • Lời giải mẫu/Nhận xét: Giải pháp:

<form action="gui-lien-he" method="post">
  <label for="ten">Họ và tên:</label>
  <input type="text" id="ten" name="ten" required>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>
  <label for="noidung">Nội dung:</label>
  <textarea id="noidung" name="noidung" rows="4"></textarea>
  <button type="submit">Gửi liên hệ</button>
</form>

• Bài 4: (1) Triệu chứng: tự tắt khi đang dùng, máy nóng không, tắt sau bao lâu... (2) Giả thiết: quá nhiệt, nguồn/pin lỗi, virus... (3) Kiểm tra: đo nhiệt độ, vệ sinh quạt, thử nguồn khác, quét virus... (4) Khắc phục theo nguyên nhân tìm được.
• Bài 5: Bảng so sánh đúng với công việc chính, kiến thức, môi trường làm việc của từng nghề (chấm theo nội dung hợp lí).
• Bài 6: Ví dụ: diễn giả chia sẻ kinh nghiệm (cung cấp thông tin thực tế); hỏi đáp (giải đáp thắc mắc); trò chơi/quiz nghề nghiệp (tạo hứng thú); tham quan mô phỏng công việc (trải nghiệm thực tế). Mỗi hoạt động có tác dụng rõ ràng.