Video giảng Tin học ứng dụng 12 cánh diều Bài 7: Thực hành tạo biểu mẫu

Tóm lược nội dung

BÀI 7: THỰC HÀNH TẠO BIỂU MẪU

Chào mừng các em đến với bài học ngày hôm nay!

Thông qua video này, các em sẽ nắm được các kiến thức và kĩ năng như sau:

• Tạo biểu mẫu có ô text nhập dữ liệu
• Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫu
• Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệu
• Các bài tập luyện tập và vận dụng

KHỞI ĐỘNG

HS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.

HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

Hoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệu

Soạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.

Hình 1. Một biểu mẫu có ô text nhập dữ liệu

Video trình bày nội dung:

- Bước 1: HS tạo tệp “Bai7-NV1.html”.

- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.

- Bước 3: HS thực hiện tạo biểu mẫu.

- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.

Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫu

Soạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.

Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệu

Hình 3. Ví dụ một trang web

Video trình bày nội dung:

- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.

- Bước 2: HS thực hiện cập nhật nội dung phần tử body.

- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.

Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệu

GV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.

Video trình bày nội dung:

- Bước 1: HS tạo tệp “Bai7-NV3.html”.

- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.

- Bước 3: HS thực hiện khai báo nội dung phần tử body…

HOẠT ĐỘNG LUYỆN TẬP

HOẠT ĐỘNG VẬN DỤNG

HS hoàn thành hoạt động Vận dụng SGK tr.67.

Nội dung video Bài 7: “Thực hành tạo biểu mẫu” còn nhiều phần rất hấp dẫn và thú vị. Hãy cùng đăng kí để tham gia học bài và củng cố kiến thức thông qua hoạt động luyện tập và vận dụng trong video.