Trắc nghiệm Tin học KHMT 12 chân trời sáng tạoTrắc nghiệm Khoa học máy tính 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu: Đăng vào 3 Tháng 5, 2026 bởi admin Trắc nghiệm Khoa học máy tính 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu: Trắc nghiệm Khoa học máy tính 12 Chân trời bài F12: Định kiểu CSS cho biểu mẫu: Số câu25Quiz ID43999 Làm bài Câu 1 Thuộc tính CSS nào được sử dụng để làm cho các góc của một ô nhập liệu trở nên bo tròn, tạo cảm giác mềm mại hơn cho giao diện biểu mẫu? A border-style B outline-radius C border-radius D box-rounding Câu 2 Cú pháp bộ chọn 'input[type='submit']' trong tập tin CSS được sử dụng với mục đích chính là gì đối với biểu mẫu? A Chọn và định dạng cho ô nhập văn bản thông thường B Chọn và định dạng cho nút xóa trắng các trường dữ liệu C Chọn và định dạng cho nút có chức năng gửi dữ liệu biểu mẫu D Chọn và định dạng cho một liên kết tải xuống tài liệu Câu 3 Thuộc tính CSS nào điều khiển màu sắc của các ký tự văn bản mà người dùng gõ vào bên trong một trường nhập liệu? A text-color B font-color C background-color D color Câu 4 Khi muốn bố cục thẻ 'label' và thẻ 'input' nằm linh hoạt trên cùng một hàng hoặc phân chia không gian đồng đều, thuộc tính CSS hiển thị nào thường được cấp cho phần tử chứa chúng? A display: inline B display: flex C float: left D position: absolute Câu 5 Trong mô hình hộp CSS (Box Model), thuộc tính nào được sử dụng để tạo không gian rỗng giữa viền của ô nhập liệu và phần văn bản bên trong nó? A margin B border-spacing C padding D letter-spacing Câu 6 Ngược lại với trạng thái báo lỗi, bộ chọn giả lớp nào được kích hoạt tự động để định dạng thẻ 'input' khi nội dung nhập vào đã vượt qua các quy tắc xác thực HTML5 một cách hợp lệ? A :correct B :success C :valid D :true Câu 7 Để đẩy hai thẻ 'input' liền kề ra xa nhau một khoảng nhất định, tránh tình trạng chúng hiển thị sát dính vào nhau, thuộc tính CSS nào là giải pháp tiêu chuẩn? A padding B margin C gap D float Câu 8 Để nhắm mục tiêu bằng CSS đến tất cả các trường dữ liệu được đánh dấu là bắt buộc phải nhập trong mã HTML, ta sử dụng bộ chọn giả lớp nào? A :mandatory B :important C :needed D :required Câu 9 Khai báo CSS nào giúp tổng chiều rộng của ô nhập liệu được duy trì cố định bằng cách bao gồm cả phần đệm (padding) và đường viền (border) vào kích thước được chỉ định? A width: calc(100% - padding - border) B box-sizing: border-box C display: block D box-sizing: content-box Câu 10 Để chỉ định kiểu CSS chỉ áp dụng cho các ô nhập văn bản có thuộc tính type là 'text' mà không ảnh hưởng đến các loại 'input' khác, bộ chọn nào sau đây là chính xác nhất? A input.text B input[type='text'] C #input-text D input:text Câu 11 Thuộc tính CSS nào thường được gán giá trị 'none' để ngăn trình duyệt hoặc hệ điều hành áp dụng giao diện mặc định lên các thành phần như thẻ 'select' hay 'checkbox'? A display B visibility C appearance D default-style Câu 12 Đối với thẻ 'textarea' dùng để nhập văn bản dài, khai báo CSS nào được sử dụng để khóa tính năng tự do thay đổi kích thước khung nhập liệu bằng chuột của người dùng? A overflow: hidden B resize: none C user-select: none D width: fixed Câu 13 Bộ chọn giả lớp nào được hỗ trợ trong CSS để áp dụng định dạng riêng cho thẻ 'checkbox' hoặc 'radio' khi chúng đã được người dùng đánh dấu chọn? A :selected B :active C :focus D :checked Câu 14 Để làm nổi bật một ô nhập liệu đang hoạt động bằng cách tạo ra một vùng bóng đổ lan tỏa ra xung quanh, ta nên dùng thuộc tính CSS nào? A text-shadow B box-shadow C drop-shadow D outline-shadow Câu 15 Để hiệu ứng thay đổi màu nền hoặc màu viền của ô nhập liệu diễn ra một cách từ từ và mượt mà khi người dùng tương tác, thuộc tính CSS nào được yêu cầu? A animation B transition C transform D delay Câu 16 Trong CSS, bộ chọn giả lớp nào được sử dụng để định kiểu cho thẻ 'input' khi người dùng nhấp chuột hoặc dùng phím Tab để kích hoạt nó? A :focus B :hover C :active D :checked Câu 17 Khi một ô nhập liệu được kích hoạt, trình duyệt thường hiển thị một đường viền nổi bật bên ngoài, để loại bỏ hoàn toàn đường viền mặc định này ta sử dụng thuộc tính CSS nào? A margin: 0 B border: none C outline: none D box-shadow: none Câu 18 Kỹ thuật CSS phổ biến nào giúp hiển thị một biểu tượng icon nằm cố định bên trong ô nhập liệu (ví dụ ở lề trái) mà không bị văn bản do người dùng nhập đè lên? A Sử dụng thuộc tính 'content' để chèn icon và dùng 'margin-left' để đẩy chữ B Đặt biểu tượng bằng thẻ 'img' bên trong thẻ 'input' bằng HTML C Sử dụng thuộc tính 'background-image' để đặt icon và dùng 'padding-left' để đẩy lùi phần văn bản D Sử dụng thuộc tính 'icon-image' kết hợp với 'text-indent' Câu 19 Trong trường hợp mã HTML của thẻ 'input' không chứa thuộc tính 'required', bộ chọn giả lớp CSS nào tự động khớp với phần tử này? A :optional B :unrequired C :not-required D :normal Câu 20 Trong cơ chế xác thực dữ liệu tự động của trình duyệt, giả lớp CSS nào sẽ áp dụng định dạng cho thẻ 'input' khi dữ liệu người dùng nhập không tuân thủ quy tắc (như sai cấu trúc email)? A :invalid B :error C :false D :unmatched Câu 21 Khai báo CSS nào đảm bảo rằng một thẻ 'input' sẽ tự động mở rộng theo chiều ngang để lấp đầy toàn bộ không gian khả dụng của phần tử chứa nó? A width: auto B max-width: 100vw C width: 100% D display: block Câu 22 Khi một thẻ 'input' không cho phép tương tác do có thuộc tính 'disabled' trong mã HTML, bộ chọn CSS nào được dùng để định kiểu hiển thị cho trạng thái mờ hoặc vô hiệu hóa này? A :readonly B :unclickable C :disabled D :inactive Câu 23 Để thay đổi màu sắc hoặc kiểu chữ của đoạn văn bản gợi ý mờ (placeholder) xuất hiện bên trong thẻ 'input' trước khi người dùng nhập dữ liệu, ta cần sử dụng bộ chọn giả phần tử nào? A ::placeholder B :placeholder-text C ::hint D :empty Câu 24 Để làm cho con trỏ chuột thay đổi thành biểu tượng hình bàn tay khi người dùng di chuyển chuột qua một nút bấm, thuộc tính CSS nào cần được áp dụng? A mouse: hand B pointer-events: auto C hover: pointer D cursor: pointer Câu 25 Khi định kiểu cho một biểu mẫu, giả lớp ':hover' áp dụng cho nút gửi sẽ tương tác với trạng thái nào của người dùng? A Trạng thái khi người dùng vừa nhấp chuột trái vào nút bấm B Trạng thái khi nút bấm đang được khóa và không thể nhấp vào C Trạng thái khi người dùng dùng phím Tab để chọn nút bấm D Trạng thái khi người dùng đặt con trỏ chuột lơ lửng ngay phía trên nút bấm Trắc nghiệm Khoa học máy tính 12 Chân trời bài F11: Định kiểu CSS cho bảng và phần tử Trắc nghiệm Tin học 11 Tin học ứng dụng Kết nối Bài 2 Thực hành hệ điều hành
