Giải Khoa học máy tính 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu:

Giải bài F12: Định kiểu CSS cho biểu mẫu: sách Tin học 12 theo định hướng khoa học máy tính chân trời sáng tạo. Phần đáp án chuẩn, hướng dẫn giải chi tiết cho từng bài tập có trong chương trình học của sách giáo khoa. Hi vọng, các em học sinh hiểu và nắm vững kiến thức. Giải sgk Tin học 12 Khoa học máy tính chân trời sáng tạo

B. Bài tập và hướng dẫn giải

KHỞI ĐỘNG

Em hãy quan sát và nhận xét một số biểu mẫu khảo sát trên trang web mà trường hay lớp em từng sử dụng.

KHÁM PHÁ

1. Định kiểu cho hộp văn bản

Làm

Em hãy khai báo vùng chọn dùng để định kiểu cho trạng thái focus của phần tử textarea.

2. Định kiểu cho nút tròn, hộp kiểm và nút bấm

Làm

Trong khai báo vùng chọn của hộp kiểm, em hãy thay đổi thuộc tính accent-color thành background-color và nêu nhận xét.

LUYỆN TẬP

Câu 1: Em hãy trình bày lợi ích khi định kiểu cho biểu mẫu.

Câu 2: Ý nghĩa của thuộc tính display và box-sizing là gì?

Câu 3: Em hãy liệt kê một số trạng thái của các thành phần trong biểu mẫu và nêu cách khai báo vùng chọn để định kiểu cho chúng.

VẬN DỤNG

Câu 1: Định kiểu để tạo màu nền chung cho hai nút tròn và màu nền chung cho ba hộp kiểm của biểu mẫu của Thực hành.

Câu 2: Tạo và định kiểu cho biểu mẫu đăng nhập gồm các thành phần sau:

Hai văn bản để nhập Tên tài khoản và Mật khẩu;

Một hộp kiểm Ghi nhớ thông tin đăng nhập;

Một nút nhấn Đăng nhập;

Một đường liên kết Quên mật khẩu.

Câu 3: Tìm hiểu thêm cách để chèn biểu tượng vào hộp văn bản.

Thêm kiến thức môn học

Từ khóa tìm kiếm:

Giải Tin học 12 theo định hướng khoa học máy tính chân trời sáng tạo, giải bài F12: Định kiểu CSS cho biểu mẫu: tin học 12 khoa học máy tính chân trời, giải Tin học 12 theo định hướng khoa học máy tính chân trời sáng tạo bài F12: Định kiểu CSS cho biểu mẫu:

Bình luận

Giải bài tập những môn khác