Bài tập — Bài 12: Tạo biểu mẫu

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 12: Tạo biểu mẫu? A. Biểu mẫu dùng <form>, thuộc tính action chỉ nơi nhận dữ liệu, method chỉ cách gửi. 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 12: Tạo biểu mẫu, 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. <input> tạo ô nhập, hộp kiểm, nút chọn; type xác định loại điều khiển. 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 12: Tạo biểu mẫu, 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 là nơi trang web thu thập thông tin từ người dùng, ví dụ biểu mẫu đăng kí, khảo sát, góp ý. 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 12: Tạo biểu mẫu, 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. Bên trong biểu mẫu có các điều khiển nhập liệu: <input> tạo ô nhập một dòng, hộp kiểm, nút chọn; thuộc tính type xác định loại điều khiển như text, email, password, radio, checkbox, submit.

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 12: Tạo biểu mẫu, 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:

Yêu cầu: tạo biểu mẫu đăng kí gồm ô nhập họ tên, ô nhập email, danh sách chọn lớp và nút gửi.

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 12: Tạo biểu mẫu để giải thích hoặc thực hiện yêu cầu thực hành mở rộng sau:

Họ tên: Email: Lớp: ```

Bài 4 (Luyện tập học kì — Mức độ Cơ bản). Viết đoạn mã HTML tạo một bảng có 2 cột (Tên bạn, Sở thích) và 2 hàng dữ liệu.

Bài 5 (Luyện tập học kì — Mức độ Thông hiểu). Viết đoạn mã HTML tạo một liên kết tới trang web https://www.google.com với nội dung hiển thị là "Tìm kiếm".

Bài 6 (Luyện tập học kì — Mức độ Vận dụng & Nâng cao). Viết đoạn mã HTML chèn một hình ảnh có tên tệp anh-lop.jpg với văn bản thay thế là "Ảnh tập thể lớp".

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 dùng <form>, thuộc tính action chỉ nơi nhận dữ liệu, method chỉ cách gửi."
  • Câu 2 (B): Khẳng định đúng theo nội dung cốt lõi của tiết học: "<input> tạo ô nhập, hộp kiểm, nút chọn; type xác định loại điều khiển."
  • 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 là nơi trang web thu thập thông tin từ người dùng, ví dụ biểu mẫu đăng kí, khảo sát, góp ý."
  • Câu 4 (D): Khẳng định đúng theo hướng dẫn trọng tâm của bài: "Bên trong biểu mẫu có các điều khiển nhập liệu: <input> tạo ô nhập một dòng, hộp kiểm, nút chọn; thuộc tính type xác định loại điều khiển như text, email, password, radio, checkbox, submit."

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 là nơi trang web thu thập thông tin từ người dùng, ví dụ biểu mẫu đăng kí, khảo sát, góp ý. Biểu mẫu được tạo bằng thẻ <form> với thuộc tính action chỉ nơi nhận dữ liệu và method chỉ cách gửi dữ liệu.
  • Tổng kết ghi nhớ: Biểu mẫu dùng <form>, thuộc tính action chỉ nơi nhận dữ liệu, method chỉ cách gửi.; <input> tạo ô nhập, hộp kiểm, nút chọn; type xác định loại điều khiển.; <textarea> nhập nhiều dòng, <select> tạo danh sách thả xuống, <label> gắn nhãn mô tả.
• 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: Yêu cầu: tạo biểu mẫu đăng kí gồm ô nhập họ tên, ô nhập email, danh sách chọn lớp và nút gửi.
  • 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 12: Tạo biểu mẫu (Biểu mẫu dùng <form>, thuộc tính action chỉ nơi nhận dữ liệu, method chỉ cách gửi.; <input> tạo ô nhập, hộp kiểm, nút chọn; type xác định loại điều khiển.; <textarea> nhập nhiều dòng, <select> tạo danh sách thả xuống, <label> gắn nhãn mô tả.).
  • Lời giải mẫu/Nhận xét: ```html

Họ tên: Email: Lớp: ``` - **Bài 4:** Đoạn mã đúng, ví dụ: ```html

Tên bạn	Sở thích
An	Đọc sách
Bình	Đá bóng

``` - **Bài 5:** Đoạn mã đúng: `Tìm kiếm`. - **Bài 6:** Đoạn mã đúng: ``.