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: giúp bạn luyện tập thường xuyên để ghi nhớ lâu hơn thông qua các câu hỏi được chọn lọc kỹ lưỡng. Các câu hỏi được phân bổ hợp lý theo mức độ nhận thức giúp bạn tự tin hoàn thành bài quiz. Đặc biệt phù hợp với người học muốn tự đánh giá năng lực. Thông qua quá trình làm bài, bạn có thể biết được nội dung nào cần ôn lại. Điều này giúp việc học trở nên hiệu quả hơn.
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:
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Để đẩ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?
- - padding
- - margin
- - gap
- - float
Câu 2: 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)?
- - :invalid
- - :error
- - :false
- - :unmatched
Câu 3: Đố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?
- - overflow: hidden
- - resize: none
- - user-select: none
- - width: fixed
Câu 4: Để 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?
- - ::placeholder
- - :placeholder-text
- - ::hint
- - :empty
Câu 5: Để 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?
- - input.text
- - input[type='text']
- - #input-text
- - input:text
Câu 6: 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ó?
- - :focus
- - :hover
- - :active
- - :checked
Câu 7: 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?
- - width: calc(100% - padding - border)
- - box-sizing: border-box
- - display: block
- - box-sizing: content-box
Câu 8: 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?
- - Chọn và định dạng cho ô nhập văn bản thông thường
- - Chọn và định dạng cho nút xóa trắng các trường dữ liệu
- - Chọn và định dạng cho nút có chức năng gửi dữ liệu biểu mẫu
- - Chọn và định dạng cho một liên kết tải xuống tài liệu
Câu 9: Để 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?
- - animation
- - transition
- - transform
- - delay
Câu 10: 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?
- - display: inline
- - display: flex
- - float: left
- - position: absolute
Câu 11: Để 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?
- - :mandatory
- - :important
- - :needed
- - :required
Câu 12: Để 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?
- - mouse: hand
- - pointer-events: auto
- - hover: pointer
- - cursor: pointer
Câu 13: 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?
- - :readonly
- - :unclickable
- - :disabled
- - :inactive
Câu 14: 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?
- - Sử dụng thuộc tính 'content' để chèn icon và dùng 'margin-left' để đẩy chữ
- - Đặt biểu tượng bằng thẻ 'img' bên trong thẻ 'input' bằng HTML
- - 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
- - Sử dụng thuộc tính 'icon-image' kết hợp với 'text-indent'
Câu 15: Để 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?
- - text-shadow
- - box-shadow
- - drop-shadow
- - outline-shadow
Câu 16: 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?
- - :optional
- - :unrequired
- - :not-required
- - :normal
Câu 17: 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?
- - :selected
- - :active
- - :focus
- - :checked
Câu 18: 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?
- - margin: 0
- - border: none
- - outline: none
- - box-shadow: none
Câu 19: 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?
- - Trạng thái khi người dùng vừa nhấp chuột trái vào nút bấm
- - Trạng thái khi nút bấm đang được khóa và không thể nhấp vào
- - Trạng thái khi người dùng dùng phím Tab để chọn nút bấm
- - 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
Câu 20: 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'?
- - display
- - visibility
- - appearance
- - default-style
Câu 21: 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ó?
- - margin
- - border-spacing
- - padding
- - letter-spacing
Câu 22: 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?
- - text-color
- - font-color
- - background-color
- - color
Câu 23: 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ệ?
- - :correct
- - :success
- - :valid
- - :true
Câu 24: 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?
- - border-style
- - outline-radius
- - border-radius
- - box-rounding
Câu 25: 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ó?
- - width: auto
- - max-width: 100vw
- - width: 100%
- - display: block