Bài tập củng cố Tin học ứng dụng 12 kết nối: bài 12 Tạo biểu mẫu

Bài tập củng cố môn Tin học ứng dụng 12 kết nối tri thức: Bài 12 Tạo biểu mẫu. Phần bài tập gồm 4 mức độ: Nhận biết, Thông hiểu, Vận dụng và Vận dụng cao bám sát với chương trình sách giáo khoa. Thông qua bài tập này, học sinh có thể ôn luyện kiến thức đã học từ cơ bản đến nâng cao.

Nội dung chi tiết

BÀI 12: TẠO BIỂU MẪU

1. NHẬN BIẾT (4 CÂU)

Câu 1: Biểu mẫu web thường được tạo bằng thẻ nào?

Trả lời:

Biểu mẫu web thường được tạo bằng thẻ <form>.

Câu 2: Hai thành phần cơ bản của một biểu mẫu web là gì?

Trả lời:

1. Biểu mẫu hiển thị trên web, tạo bằng HTML để người dùng nhập và gửi thông tin.

2. Các ứng dụng hoặc script xử lý dữ liệu, thường nằm trên máy chủ.

Câu 3: Thuộc tính nào của thẻ <input> dùng để xác định loại dữ liệu nhập?

Trả lời:

Thuộc tính type.

Câu 4: Phần tử nào dùng để nhóm các phần tử có liên quan trong biểu mẫu?

Trả lời:

Phần tử <fieldset>.

2. THÔNG HIỂU (4 CÂU)

Câu 1: Tại sao cần sử dụng thuộc tính id trong thẻ <input> khi kết hợp với thẻ <label>?

Trả lời:

Thuộc tính id trong thẻ <input> giúp liên kết với thẻ <label>, cho phép người dùng nhấp vào nhãn để con trỏ chuột tự động chuyển đến vùng nhập liệu tương ứng.

Câu 2: Giải thích vai trò của thuộc tính name trong thẻ <input>.

Trả lời:

Thuộc tính name được sử dụng để tham chiếu đến dữ liệu đã nhập khi xử lý hoặc gửi thông tin đến máy chủ.

Câu 3: Khi nào nên sử dụng thuộc tính type="checkbox" và type="radio"?

Trả lời:

type="checkbox": Khi người dùng cần chọn nhiều giá trị từ một danh sách.

type="radio": Khi người dùng chỉ được chọn một giá trị từ một nhóm lựa chọn.

Câu 4: Nêu sự khác biệt chính giữa phần tử <select> và <fieldset>.

Trả lời:

<select>: Dùng để tạo danh sách thả xuống với nhiều lựa chọn (chứa các thẻ <option>).

<fieldset>: Dùng để nhóm các phần tử liên quan trong biểu mẫu, hiển thị bằng khung bao quanh.

3. VẬN DỤNG (3 CÂU)

Câu 1: Viết mã HTML tạo biểu mẫu đơn giản gồm các trường nhập: Họ và tên (chữ), Ngày sinh (ngày) và nút gửi thông tin.

Trả lời:

<form>

</form>

Câu 2: Nếu muốn cho phép người dùng chọn một trong ba môn học (Toán, Văn, Ngoại ngữ), bạn sẽ sử dụng phần tử nào? Hãy viết mã minh họa.

Trả lời:

Sử dụng phần tử <select>.

<option value="ngoai-ngu">Ngoại ngữ</option>

</select>

Câu 3: Hãy tạo một biểu mẫu thu thập thông tin đăng ký gồm Họ và tên, Ngày sinh và Giới tính (Nam/Nữ).

Trả lời:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<form>

</select>

</form>

</body>

</html>

4. VẬN DỤNG CAO (1 CÂU)

Câu 1: Hãy viết mã HTML tạo biểu mẫu đầy đủ cho phép người dùng nhập thông tin đăng ký môn thi tốt nghiệp với: Họ và tên, Số căn cước công dân, Ngày sinh, Giới tính, Các môn thi (Toán, Văn, Ngoại ngữ) và Nút gửi thông tin.

Trả lời:

<!DOCTYPE html>

<html>

<head>

<title>Biểu mẫu đăng ký môn thi tốt nghiệp</title>

</head>

<body>

<h1>Biểu mẫu đăng ký môn thi tốt nghiệp</h1>

<form>

</select>

<input type="checkbox" name="subjects" value="toan"> Toán

<input type="checkbox" name="subjects" value="van"> Văn

<input type="checkbox" name="subjects" value="ngoai-ngu"> Ngoại ngữ

<button type="submit">Gửi thông tin</button>

</form>

</body>

</html>