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
Tạo và định kiểu cho biểu mẫu đăng nhập gồm các thành phần sau:
Giải Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu - Chân trời sáng tạo
Vận dụng 2 trang 174 Tin học 12: 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.
Lời giải:
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;
input[type="text"] { display: block;
}
box-sizing: border-box; width: 100%;
background-color: #f4f4f4;
border: none;
border-radius: 20px; padding: 10px;
margin: 10px 0 10px 0;
rocksen trò
an
input[type="text"]: focus {outline: 2px solid #007bff;
}
- 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.
input[type="radio"]: checked {
}
background-color: #007bff;
input[type="checkbox"]: checked { accent-color: #007bff;
}
textarea {
box-sizing: border-box;
width: 100%;
background-color: #f4f4f4;
border: none;
}
border-radius: 20px; padding: 10px; resize: vertical;
textarea: focus {
}
outline: 2px solid #007bff;
Lời giải bài tập Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu hay khác:
Khởi động trang 170 Tin học 12: Em hãy quan sát và nhận xét một số biểu mẫu khảo sát ....
Hoạt động trang 171 Tin học 12: Em hãy khai báo vùng chọn dùng để định kiểu cho trạng thái ....
Luyện tập 1 trang 172 Tin học 12: Em hãy trình bày lợi ích khi định kiểu cho biểu mẫu ....
Luyện tập 2 trang 172 Tin học 12: Ý nghĩa của thuộc tính display và box-sizing là gì? ....