Video giảng khoa học máy tính 12 chân trời bài F5: Tạo biểu mẫu trong trang web
Video giảng Khoa học máy tính 12 chân trời bài F5: Tạo biểu mẫu trong trang web. Các kiến thức được truyền tải nhẹ nhàng, dễ hiểu. Các phần trọng tâm sẽ được nhấn mạnh, giảng chậm. Xem video, học sinh sẽ dễ dàng hiểu bài và tiếp thu kiến thức nhanh hơn.
Bạn chưa đủ điều kiện để xem được video này. => Xem video demo
Tóm lược nội dung
BÀI F5: TẠO BIỂU MẪU TRONG TRANG WEB
Chào mừng các em học sinh đã đến với bài học 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:
- Sử dụng được các thẻ HTML để tạo biểu mẫu trong trang web.
HOẠT ĐỘNG KHỞI ĐỘNG
Trước khi vào bài học, cô mời các em suy nghĩ trả lời câu hỏi Khởi động tr.94 SGK: 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.
HOẠT ĐỘNG KHÁM PHÁ
Nội dung 1: Giới thiệu biểu mẫu trong trang web
Biểu mẫu web là gì? Người dùng có thể tương tác với trang web thông qua biểu mẫu theo những cách thức như thế nào?
Video trình bày nội dung:
Biểu mẫu web giúp người dùng tương tác với trang web.
Những thao tác thông dụng của người dùng trên biểu mẫu web bao gồm nhập liệu văn bản, số hoặc chọn các phương án, nháy chuột vào nút nhấn,...
Nội dung 2: Tạo một số thành phần trong biểu mẫu
HTML sử dụng thẻ nào để tạo biểu mẫu web?
Video trình bày nội dung:
Thẻ <form> dùng để tạo biểu mẫu trong trang web.
Một biểu mẫu có thể bao gồm nhiều thành phần nhập liệu đa dạng với các thẻ như <input>, <textarea>, <button>,…
Thuộc tính type của thẻ <input> và <button> có nhiều giá trị giúp tạo ra những thành phần nhập liệu khác nhau. Đối với thẻ <input>, giá trị của type có thể là text, radio, checkbox,…
Nội dung 3: Thực hành
Em hãy nêu các bước tạo biểu mẫu trong trang web
Video trình bày nội dung:
- Bước 1: HS khởi động Visual Studio Code và tạo tệp login.html.
- Bước 2: HS viết các thẻ <html>, <head>, <body> để khai báo trang web.
- Bước 3: HS viết thêm đoạn mã HTML theo hướng dẫn để tạo biểu mẫu đăng nhập.
- Bước 4: HS mở trang web trong trình duyệt và kiểm tra kết quả thực hiện.
……..
Nội dung video bài F5: Tạo biểu mẫu trong trang web 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.
Video bài giảng lớp 12 cánh diều
Video bài giảng lớp 12 chân trời sáng tạo
Video bài giảng lớp 12 kết nối tri thức
