Giáo án điện tử Tin học ứng dụng 12 chân trời Bài F5: Tạo biểu mẫu trong trang web

CHỦ ĐỀ F: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

BÀI F5: TẠO BIỂU MẪU TRONG TRANG WEB

1. Giới thiệu biểu mẫu trong trang web

 - Khi truy xuất trang web, người dùng không chỉ xem nội dung mà còn muốn tương tác với trang web, chẳng hạn nhập vào nội dung mới. Em hãy nêu một số tình huống mà em thường tương tác với trang web và mô tả cụ thể các thao tác này.

- Em hãy kể tên một số biểu mẫu phổ biến trên các trang web.

- Nêu các mục đích chính của việc sử dụng biểu mẫu trong trang web.

- Nêu ví dụ về các trang web sử dụng hiệu quả các loại biểu mẫu khác nhau.

- Liệt kê các lợi ích của việc sử dụng biểu mẫu web so với các phương thức thu thập thông tin khác.

2. Tạo một số thành phần trong biểu mẫu

- Em hãy thêm vào biểu mẫu trong các ví dụ trên những thành phần sau:

a) Hộp văn bản để người dùng nhập địa chỉ email.

b) Hộp kiểm để người dùng chọn thêm một câu lạc bộ.

c) Nút nhấn để xoá dữ liệu hiện có trên biểu mẫu.

- Em hãy nêu các thành phần cơ bản của biểu mẫu web?

- Trình bày một số loại biểu mẫu web phổ biến?

3. Vận dụng

Câu 1: Em hãy nêu khái niệm biểu mẫu web và một số ví dụ biểu mẫu thông dụng.

Câu 2: Thảo luận với bạn và kể tên một số thành phần nhập liệu trên biểu mẫu web và thẻ HTML tương ứng để tạo các thành phần đó.

Câu 3: Theo em, tên, giá trị và ý nghĩa của những thuộc tính trong thẻ <input> là gì?

Câu 4: Bổ sung mã lệnh HTML vào tệp login.html để thêm các thành phần nhập liệu sau:

a) Hộp kiểm có nhãn Ghi nhớ cho lần đăng nhập sau.ao

b) Đường liên kết Quên mật khẩu? để điều hướng đến trang web recovery.html.

c) Thay đổi kiểu chữ và màu sắc các thành phần của biểu mẫu trong tệp login.html vừa tạo.

Câu 5: Tạo biểu mẫu web để người dùng là học sinh làm bài kiểm tra với các yêu cầu sau:

a) Trang web thongtin.html có biểu mẫu gồm 3 hộp văn bản nhập họ tên, lớp, số thứ tự trong lớp và nút nhấn để chuyển đến trang web cauhoi.html.

b) Trang web cauhoi.html có biểu mẫu gồm 3 câu hỏi trắc nghiệm, mỗi câu có 4 phương án lựa chọn, một câu hỏi tự luận và nút nhấn để chọn tệp bài làm tự luận trên máy tính.

c) Tìm hiểu cách tạo hộp danh sách chọn lớp để thay thế cho hộp văn bản nhập lớp.