Đề Trắc nghiệm Tin học 12 – Bài F5: Tạo biểu mẫu trong trang web (Chân Trời Sáng Tạo)
Đề 01
Đề 02
Đề 03
Đề 04
Đề 05
Đề 06
Đề 07
Đề 08
Đề 09
Đề 10
0
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 02
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 02 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Mục đích chính của việc sử dụng biểu mẫu (form) trong trang web là gì?
A. Chỉ để hiển thị thông tin cố định cho người dùng.
B. Thu thập thông tin đầu vào từ người dùng và gửi đến máy chủ.
C. Tăng tốc độ tải trang web.
D. Thiết kế bố cục trực quan của trang web.
Câu 2: Thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu trong trang web?
A.
B.
C.
D.
Câu 3: Thuộc tính "action" của thẻ `
` có chức năng gì?
A. Xác định cách dữ liệu được gửi (GET hoặc POST).
B. Đặt tên cho biểu mẫu.
C. Thiết lập kiểu mã hóa dữ liệu.
D. Chỉ định địa chỉ trang web hoặc script xử lý dữ liệu biểu mẫu.
Câu 4: Thuộc tính "method" của thẻ `
` có chức năng gì và có những giá trị phổ biến nào?
A. Xác định phương thức gửi dữ liệu (GET hoặc POST).
B. Chỉ định địa chỉ xử lý dữ liệu.
C. Đặt tên cho biểu mẫu.
D. Thiết lập giao diện cho biểu mẫu.
Câu 5: Giả sử bạn tạo một biểu mẫu đăng nhập yêu cầu người dùng nhập tên tài khoản và mật khẩu. Phương thức "method" nào sau đây phù hợp nhất để sử dụng và tại sao?
A. GET, vì nó nhanh hơn.
B. POST, vì dữ liệu (mật khẩu) không hiển thị trên thanh địa chỉ.
C. GET, vì nó là phương thức mặc định.
D. Cả GET và POST đều như nhau cho trường hợp này.
Câu 6: Bạn muốn tạo một ô nhập liệu cho phép người dùng nhập một đoạn văn bản dài (ví dụ: nội dung bình luận). Thẻ HTML nào là lựa chọn phù hợp nhất?
A.
B.
C.
D.
Câu 7: Để tạo một nút cho phép người dùng gửi dữ liệu biểu mẫu đi, bạn có thể sử dụng thẻ nào?
A.
B.
C.
D.
Câu 8: Trong HTML, thuộc tính "name" của các thành phần điều khiển trong biểu mẫu (như ``, `
A. Xác định tên của trường dữ liệu khi gửi đến máy chủ.
B. Đặt nhãn hiển thị bên cạnh trường nhập liệu.
C. Thiết lập giá trị mặc định cho trường.
D. Quy định kiểu dữ liệu được phép nhập.
Câu 9: Bạn muốn tạo một nhóm các lựa chọn mà người dùng CHỈ có thể chọn MỘT trong số đó (ví dụ: giới tính: Nam/Nữ/Khác). Loại `` nào phù hợp nhất?
A.
B.
C.
D.
Câu 10: Bạn muốn tạo một nhóm các lựa chọn mà người dùng có thể chọn NHIỀU phương án cùng lúc (ví dụ: sở thích: đọc sách/nghe nhạc/xem phim). Loại `` nào phù hợp nhất?
A.
B.
C.
D.
Câu 11: Nếu thuộc tính "method" không được chỉ định trong thẻ `
`, phương thức gửi dữ liệu mặc định sẽ là gì?
A. POST
B. GET
C. PUT
D. DELETE
Câu 12: Dữ liệu được gửi bằng phương thức GET sẽ hiển thị ở đâu?
A. Trên thanh địa chỉ của trình duyệt.
B. Trong phần thân (body) của yêu cầu HTTP, không hiển thị trên thanh địa chỉ.
C. Trong cookie của trình duyệt.
D. Trong tiêu đề (header) của yêu cầu HTTP.
Câu 13: Dữ liệu được gửi bằng phương thức POST sẽ hiển thị ở đâu?
A. Trên thanh địa chỉ của trình duyệt.
B. Trong phần thân (body) của yêu cầu HTTP, không hiển thị trên thanh địa chỉ.
C. Trong cookie của trình duyệt.
D. Trong tiêu đề (header) của yêu cầu HTTP.
Câu 14: Xét đoạn mã HTML sau: `
A. Xử lý tại trang hiện tại, bằng phương thức GET.
B. Xử lý tại trang "/submit", bằng phương thức GET.
C. Xử lý tại trang "/submit", bằng phương thức POST.
D. Xử lý tại trang chủ, bằng phương thức POST.
Câu 15: Xét đoạn mã HTML sau: `
A. ho_ten=Nguyen Van A
B. text=Nguyen Van A
C. value=ho_ten
D. Nguyen Van A=ho_ten
Câu 16: Thẻ `
A. Định nghĩa kiểu dáng (style) cho biểu mẫu, sử dụng thuộc tính "class".
B. Tạo nhãn cho các thành phần điều khiển, sử dụng thuộc tính "for" liên kết với "id".
C. Xác định giá trị mặc định cho ô nhập liệu, sử dụng thuộc tính "value".
D. Chia biểu mẫu thành các phần riêng biệt, sử dụng thuộc tính "name".
Câu 17: Nếu một thành phần `` trong biểu mẫu KHÔNG có thuộc tính "name", điều gì sẽ xảy ra khi biểu mẫu được gửi đi?
A. Trình duyệt sẽ tự động gán một tên ngẫu nhiên.
B. Giá trị của trường đó sẽ được gửi đi nhưng không có tên.
C. Giá trị của trường đó sẽ KHÔNG được gửi đi cùng với biểu mẫu.
D. Biểu mẫu sẽ không thể gửi được.
Câu 18: Bạn muốn tạo một ô nhập liệu chỉ chấp nhận địa chỉ email. Loại `` nào là phù hợp nhất để trình duyệt có thể cung cấp tính năng kiểm tra định dạng email cơ bản?
A.
B.
C.
D.
Câu 19: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một mục từ nhiều tùy chọn (ví dụ: chọn tỉnh/thành phố), bạn sử dụng kết hợp các thẻ nào?
A.
B. và
C. và
D.
Câu 20: Bạn đang thiết kế một biểu mẫu khảo sát. Đối với câu hỏi "Bạn thường sử dụng phương tiện di chuyển nào? (Có thể chọn nhiều)", bạn nên sử dụng loại thành phần điều khiển nào?
A. Nút radio (
B. Hộp kiểm (
C. Ô nhập liệu văn bản (
D. Danh sách thả xuống (
Câu 21: Bạn đang thiết kế một biểu mẫu đăng ký và muốn người dùng bắt buộc phải nhập thông tin vào trường "Họ và tên". Bạn sử dụng thuộc tính nào của thẻ `` để yêu cầu nhập liệu?
A. validate=
B. mandatory=
C. mustfill=
D. required
Câu 22: Khi sử dụng nhiều nút radio (`
A. Phải có cùng thuộc tính "id".
B. Phải có cùng thuộc tính "name".
C. Phải có cùng thuộc tính "value".
D. Phải có cùng thuộc tính "type".
Câu 23: Bạn muốn tạo một ô nhập liệu cho phép người dùng nhập số điện thoại và muốn trình duyệt hiển thị bàn phím số trên thiết bị di động. Loại `` nào là phù hợp nhất?
A.
B.
C.
D.
Câu 24: Bạn muốn tạo một nút có chức năng xóa sạch tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu. Loại `` nào là phù hợp?
A.
B.
C.
D.
Câu 25: Xét đoạn mã HTML sau: `
A. mon_hoc=Toan
B. checkbox=Toan
C. Toan=mon_hoc
D. Chỉ gửi đi giá trị "Toan".
Câu 26: Khi bạn sử dụng `
A. Có, vì dữ liệu đã được mã hóa ở phía trình duyệt.
B. Có, vì dữ liệu chỉ hiển thị dưới dạng ký tự che khuất.
C. Không, chỉ che khuất hiển thị. Cần sử dụng HTTPS để mã hóa khi truyền.
D. Không, dữ liệu mật khẩu không bao giờ được gửi đi.
Câu 27: Bạn cần tạo một biểu mẫu tìm kiếm trên trang web. Người dùng nhập từ khóa và nhấn nút tìm kiếm. Phương thức "method" nào là lựa chọn phù hợp và tại sao?
A. GET, vì nó phù hợp cho các yêu cầu truy vấn và cho phép chia sẻ URL kết quả.
B. POST, vì dữ liệu tìm kiếm có thể dài.
C. POST, vì nó an toàn hơn.
D. Cả hai đều như nhau.
Câu 28: Xét đoạn mã HTML sau: `
Câu 29: Bạn muốn tạo một ô nhập liệu cho phép người dùng chọn một ngày (ví dụ: ngày sinh). Loại `` nào là phù hợp để trình duyệt hiển thị giao diện chọn ngày (date picker)?
A.
B.
C.
D.
Câu 30: Khi bạn tạo một biểu mẫu HTML, vai trò của script (ví dụ: JavaScript) ở phía máy khách (client-side) là gì trong quá trình xử lý biểu mẫu?
A. Kiểm tra dữ liệu nhập liệu (validation) trước khi gửi biểu mẫu.
B. Lưu trữ dữ liệu biểu mẫu trên máy chủ.
C. Xử lý logic nghiệp vụ phức tạp sau khi nhận dữ liệu.
D. Tạo cơ sở dữ liệu để lưu trữ dữ liệu biểu mẫu.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 1: Mục đích chính của việc sử dụng biểu mẫu (form) trong trang web là gì?
Biểu mẫu web là công cụ cơ bản để thu thập thông tin và cho phép người dùng gửi dữ liệu (như văn bản, lựa chọn, tệp tin) đến máy chủ để xử lý hoặc lưu trữ, từ đó tương tác hai chiều với trang web.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 2: Thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu trong trang web?
Thẻ `
` là thẻ bắt buộc và cơ bản nhất để tạo một biểu mẫu HTML. Tất cả các thành phần điều khiển nhập liệu (input fields, buttons, etc.) đều nằm bên trong cặp thẻ `
`.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 3: Thuộc tính 'action' của thẻ `
` có chức năng gì?
Thuộc tính 'action' chỉ định URL (địa chỉ) của tài nguyên (thường là một trang web hoặc script trên máy chủ) sẽ xử lý dữ liệu khi biểu mẫu được gửi đi.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 4: Thuộc tính 'method' của thẻ `
` có chức năng gì và có những giá trị phổ biến nào?
Thuộc tính 'method' xác định phương thức HTTP được sử dụng để gửi dữ liệu biểu mẫu. Hai giá trị phổ biến nhất là GET (gửi dữ liệu qua URL) và POST (gửi dữ liệu trong phần thân yêu cầu HTTP).
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 5: Giả sử bạn tạo một biểu mẫu đăng nhập yêu cầu người dùng nhập tên tài khoản và mật khẩu. Phương thức 'method' nào sau đây phù hợp nhất để sử dụng và tại sao?
Phương thức POST gửi dữ liệu trong phần thân yêu cầu HTTP, không hiển thị trên URL. Điều này an toàn hơn cho việc gửi dữ liệu nhạy cảm như mật khẩu, khác với GET sẽ đính kèm dữ liệu vào URL và hiển thị rõ ràng.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 6: Bạn muốn tạo một ô nhập liệu cho phép người dùng nhập một đoạn văn bản dài (ví dụ: nội dung bình luận). Thẻ HTML nào là lựa chọn phù hợp nhất?
Thẻ `
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 7: Để tạo một nút cho phép người dùng gửi dữ liệu biểu mẫu đi, bạn có thể sử dụng thẻ nào?
Cả `` và `
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 8: Trong HTML, thuộc tính 'name' của các thành phần điều khiển trong biểu mẫu (như ``, `
Thuộc tính 'name' cung cấp tên cho mỗi trường dữ liệu. Khi biểu mẫu được gửi, dữ liệu sẽ được đóng gói thành các cặp 'name=value' để máy chủ có thể nhận biết và xử lý giá trị tương ứng với từng trường.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 9: Bạn muốn tạo một nhóm các lựa chọn mà người dùng CHỈ có thể chọn MỘT trong số đó (ví dụ: giới tính: Nam/Nữ/Khác). Loại `` nào phù hợp nhất?
Các nút radio (``) được sử dụng cho các nhóm lựa chọn mà người dùng chỉ được phép chọn duy nhất một phương án. Để nhóm các nút radio lại với nhau, chúng phải có cùng thuộc tính 'name'.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 10: Bạn muốn tạo một nhóm các lựa chọn mà người dùng có thể chọn NHIỀU phương án cùng lúc (ví dụ: sở thích: đọc sách/nghe nhạc/xem phim). Loại `` nào phù hợp nhất?
Các hộp kiểm (``) cho phép người dùng chọn không, một hoặc nhiều phương án từ một danh sách các lựa chọn.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 11: Nếu thuộc tính 'method' không được chỉ định trong thẻ `
`, phương thức gửi dữ liệu mặc định sẽ là gì?
Theo mặc định của HTML, nếu thuộc tính 'method' không được khai báo cho thẻ `
`, trình duyệt sẽ sử dụng phương thức GET để gửi dữ liệu.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 12: Dữ liệu được gửi bằng phương thức GET sẽ hiển thị ở đâu?
Phương thức GET đính kèm dữ liệu biểu mẫu vào cuối URL của trang đích dưới dạng chuỗi truy vấn (query string), do đó dữ liệu hiển thị rõ ràng trên thanh địa chỉ của trình duyệt.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 13: Dữ liệu được gửi bằng phương thức POST sẽ hiển thị ở đâu?
Phương thức POST gửi dữ liệu biểu mẫu trong phần thân (body) của yêu cầu HTTP, tách biệt với URL. Điều này giúp dữ liệu không hiển thị trên thanh địa chỉ và cho phép gửi lượng dữ liệu lớn hơn GET.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 14: Xét đoạn mã HTML sau: `
...
`. Khi biểu mẫu này được gửi, dữ liệu sẽ được xử lý ở đâu và bằng phương thức nào?
Thuộc tính 'action' là '/submit' chỉ định địa chỉ xử lý dữ liệu. Thuộc tính 'method' là 'post' chỉ định phương thức gửi là POST.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 15: Xét đoạn mã HTML sau: ``. Khi biểu mẫu chứa thẻ này được gửi đi và người dùng không thay đổi nội dung ô nhập, cặp dữ liệu nào sẽ được gửi?
Thuộc tính 'name' là 'ho_ten' và thuộc tính 'value' là 'Nguyen Van A'. Khi ô nhập này được gửi đi, dữ liệu sẽ là một cặp 'name=value', tức là 'ho_ten=Nguyen Van A'.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 16: Thẻ `
Thẻ `
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 17: Nếu một thành phần `` trong biểu mẫu KHÔNG có thuộc tính 'name', điều gì sẽ xảy ra khi biểu mẫu được gửi đi?
Thuộc tính 'name' là cần thiết để xác định tên của dữ liệu khi gửi. Nếu một thành phần không có 'name', trình duyệt sẽ không biết tên của dữ liệu đó là gì và sẽ bỏ qua, không gửi giá trị của nó đến máy chủ.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 18: Bạn muốn tạo một ô nhập liệu chỉ chấp nhận địa chỉ email. Loại `` nào là phù hợp nhất để trình duyệt có thể cung cấp tính năng kiểm tra định dạng email cơ bản?
Thuộc tính `type="email"` được giới thiệu trong HTML5 để chỉ định rằng trường nhập liệu này dùng cho địa chỉ email. Trình duyệt hiện đại có thể cung cấp bàn phím ảo phù hợp (trên thiết bị di động) và thực hiện kiểm tra định dạng email cơ bản trước khi gửi biểu mẫu.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 19: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một mục từ nhiều tùy chọn (ví dụ: chọn tỉnh/thành phố), bạn sử dụng kết hợp các thẻ nào?
Thẻ `
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 20: Bạn đang thiết kế một biểu mẫu khảo sát. Đối với câu hỏi 'Bạn thường sử dụng phương tiện di chuyển nào? (Có thể chọn nhiều)', bạn nên sử dụng loại thành phần điều khiển nào?
Câu hỏi cho phép chọn nhiều phương án cùng lúc, vì vậy hộp kiểm (checkbox) là lựa chọn phù hợp nhất. Mỗi phương tiện di chuyển sẽ là một hộp kiểm riêng.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 21: Bạn đang thiết kế một biểu mẫu đăng ký và muốn người dùng bắt buộc phải nhập thông tin vào trường 'Họ và tên'. Bạn sử dụng thuộc tính nào của thẻ `` để yêu cầu nhập liệu?
Thuộc tính 'required' (là một thuộc tính boolean, chỉ cần thêm tên thuộc tính vào thẻ) chỉ định rằng trường nhập liệu đó phải được điền trước khi biểu mẫu có thể gửi đi. Trình duyệt sẽ hiển thị thông báo lỗi nếu trường này trống.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 22: Khi sử dụng nhiều nút radio (``) trong cùng một nhóm lựa chọn (chỉ được chọn một), điều gì là BẮT BUỘC đối với các nút radio này?
Các nút radio trong cùng một nhóm (chỉ cho phép chọn một) phải có CÙNG giá trị cho thuộc tính 'name'. Trình duyệt sử dụng thuộc tính 'name' để nhận biết các nút radio thuộc cùng một nhóm và đảm bảo chỉ một nút trong nhóm đó được chọn tại một thời điểm.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 23: Bạn muốn tạo một ô nhập liệu cho phép người dùng nhập số điện thoại và muốn trình duyệt hiển thị bàn phím số trên thiết bị di động. Loại `` nào là phù hợp nhất?
Thuộc tính `type="tel"` chỉ định rằng trường nhập liệu này dùng cho số điện thoại. Trình duyệt trên thiết bị di động thường sẽ hiển thị bàn phím số hoặc bàn phím tối ưu cho việc nhập số điện thoại.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 24: Bạn muốn tạo một nút có chức năng xóa sạch tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu. Loại `` nào là phù hợp?
Thuộc tính `type="reset"` của thẻ `` tạo ra một nút khi nhấn vào sẽ đặt lại (xóa) tất cả các trường nhập liệu trong cùng biểu mẫu về giá trị mặc định hoặc trống.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 25: Xét đoạn mã HTML sau: ` Toán`. Nếu người dùng tích chọn vào hộp kiểm này, cặp dữ liệu nào sẽ được gửi đi khi biểu mẫu được submit?
Khi một hộp kiểm được tích chọn, cặp 'name=value' của nó sẽ được gửi đi. Ở đây, 'name' là 'mon_hoc' và 'value' là 'Toan'. Nếu không tích chọn, cặp này sẽ không được gửi.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 26: Khi bạn sử dụng ``, dữ liệu nhập vào sẽ hiển thị dưới dạng các ký tự che khuất (như dấu chấm hoặc sao). Tuy nhiên, điều này có đảm bảo an toàn tuyệt đối cho mật khẩu khi gửi qua mạng không?
Việc hiển thị che khuất chỉ là ở phía người dùng (trình duyệt). Dữ liệu mật khẩu THỰC TẾ (không che khuất) sẽ được gửi đi. Để đảm bảo an toàn khi truyền qua mạng, cần sử dụng giao thức HTTPS (SSL/TLS) để mã hóa dữ liệu trước khi gửi.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 27: Bạn cần tạo một biểu mẫu tìm kiếm trên trang web. Người dùng nhập từ khóa và nhấn nút tìm kiếm. Phương thức 'method' nào là lựa chọn phù hợp và tại sao?
Phương thức GET phù hợp cho các yêu cầu truy vấn dữ liệu không thay đổi trạng thái trên máy chủ. Dữ liệu tìm kiếm hiển thị trên URL (qua GET) cũng tiện lợi cho việc chia sẻ kết quả tìm kiếm hoặc đánh dấu trang (bookmark).
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 28: Xét đoạn mã HTML sau: ``. Nếu người dùng chọn 'Hoa Kỳ' từ danh sách thả xuống này, cặp dữ liệu nào sẽ được gửi đi khi biểu mẫu được submit?
Thuộc tính 'name' của thẻ `
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 29: Bạn muốn tạo một ô nhập liệu cho phép người dùng chọn một ngày (ví dụ: ngày sinh). Loại `` nào là phù hợp để trình duyệt hiển thị giao diện chọn ngày (date picker)?
Thuộc tính `type="date"` được giới thiệu trong HTML5 để tạo ra một trường nhập liệu cho phép người dùng chọn ngày thông qua giao diện lịch (date picker) do trình duyệt cung cấp.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 02
Câu 30: Khi bạn tạo một biểu mẫu HTML, vai trò của script (ví dụ: JavaScript) ở phía máy khách (client-side) là gì trong quá trình xử lý biểu mẫu?
Script phía máy khách (JavaScript) có thể được sử dụng để kiểm tra dữ liệu người dùng nhập vào tr??ớc khi gửi (validation), thay đổi nội dung biểu mẫu dựa trên tương tác của người dùng, hoặc gửi biểu mẫu một cách không đồng bộ (AJAX). Nó không xử lý dữ liệu sau khi gửi đến máy chủ.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 03
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 03 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong ngữ cảnh phát triển web, biểu mẫu (form) đóng vai trò chính là gì?
A. Hiển thị nội dung tĩnh cho người dùng.
B. Trang trí giao diện cho trang web.
C. Tạo liên kết giữa các trang web khác nhau.
D. Thu thập dữ liệu nhập từ người dùng và gửi đến máy chủ.
Câu 2: Để khai báo một biểu mẫu trong HTML, thẻ nào sau đây được sử dụng?
A.
B.
C.
D.
Câu 3: Thuộc tính `action` trong thẻ `
` có mục đích gì?
A. Xác định cách dữ liệu được gửi đi (phương thức GET hay POST).
B. Chỉ định địa chỉ trang hoặc kịch bản sẽ xử lý dữ liệu biểu mẫu.
C. Đặt tên cho biểu mẫu để tham chiếu trong kịch bản.
D. Xác định kiểu mã hóa dữ liệu trước khi gửi.
Câu 4: Bạn đang thiết kế một biểu mẫu đăng nhập yêu cầu người dùng nhập tên đăng nhập và mật khẩu. Phương thức gửi dữ liệu nào sau đây là phù hợp nhất để đảm bảo tính bảo mật cơ bản cho mật khẩu?
A. GET
B. POST
C. PUT
D. DELETE
Câu 5: Khi sử dụng phương thức GET để gửi dữ liệu từ biểu mẫu, dữ liệu sẽ được hiển thị ở đâu?
A. Trong phần thân (body) của yêu cầu HTTP.
B. Chỉ hiển thị trên máy chủ nhận dữ liệu.
C. Trên thanh địa chỉ (URL) của trình duyệt.
D. Được mã hóa và không hiển thị ở bất kỳ đâu.
Câu 6: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, phương thức gửi dữ liệu mặc định mà trình duyệt sử dụng là gì?
A. GET
B. POST
C. PUT
D. Tùy thuộc vào trình duyệt.
Câu 7: Bạn cần tạo một ô nhập liệu để người dùng nhập tên của họ. Thẻ `` với thuộc tính `type` nào sau đây là phù hợp nhất?
A. type=
B. type=
C. type=
D. type=
Câu 8: Để cho phép người dùng nhập một đoạn văn bản dài (ví dụ: ý kiến đóng góp), bạn nên sử dụng thẻ HTML nào?
A.
B.
C.
D.
Câu 9: Bạn muốn tạo một nhóm các tùy chọn mà người dùng chỉ có thể chọn duy nhất một trong số đó (ví dụ: giới tính Nam/Nữ/Khác). Loại input nào sau đây nên được sử dụng?
A. Radio button (
B. Checkbox (
C. Text field (
D. Dropdown list ()
Câu 10: Để cho phép người dùng chọn nhiều tùy chọn từ một danh sách (ví dụ: các sở thích như đọc sách, xem phim, nghe nhạc), loại input nào sau đây là phù hợp?
A. Radio button (
B. Checkbox (
C. Text field (
D. Submit button (
Câu 11: Nút nào sau đây được sử dụng để gửi dữ liệu từ biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
A.
B.
C.
D.
Câu 12: Thuộc tính `name` của các thành phần input trong biểu mẫu có vai trò gì khi dữ liệu được gửi đi?
A. Xác định tên của trường dữ liệu khi gửi đến máy chủ.
B. Đặt nhãn (label) hiển thị bên cạnh trường nhập liệu.
C. Quy định kiểu dữ liệu mà trường đó chấp nhận.
D. Kiểm tra tính hợp lệ của dữ liệu nhập vào.
Câu 13: Xét đoạn mã HTML sau:
```html
A. Chỉ giá trị "admin".
B. Chỉ tên "username".
C. Cặp "username=admin".
D. Toàn bộ mã HTML của biểu mẫu.
Câu 14: Thuộc tính `value` trong thẻ `
A. Xác định tên của nút khi gửi dữ liệu.
B. Thiết lập văn bản hiển thị trên nút.
C. Quy định hành động xảy ra khi nhấp vào nút.
D. Đặt giá trị mặc định cho một trường nhập liệu.
Câu 15: Bạn muốn tạo một ô nhập liệu cho địa chỉ email. Loại `type` nào của thẻ `` sẽ cung cấp tính năng kiểm tra định dạng email cơ bản ngay trên trình duyệt?
A. type=
B. type=
C. type=
D. type=
Câu 16: Để một trường nhập liệu trong biểu mẫu là bắt buộc phải điền trước khi gửi, bạn sử dụng thuộc tính nào?
A. mandatory
B. must-fill
C. not-empty
D. required
Câu 17: Thuộc tính `placeholder` trong thẻ `` được sử dụng để làm gì?
A. Thiết lập giá trị mặc định cho trường nhập liệu.
B. Hiển thị văn bản gợi ý bên trong trường nhập liệu khi trống.
C. Đặt tên cho trường nhập liệu.
D. Đặt nhãn (label) cho trường nhập liệu.
Câu 18: Giả sử bạn có ba nút radio cho lựa chọn "Kích thước": Nhỏ, Vừa, Lớn. Để đảm bảo người dùng chỉ chọn được một kích thước duy nhất, các nút radio này phải có thuộc tính nào giống nhau?
A. name
B. value
C. type
D. id
Câu 19: Sự khác biệt cơ bản về cách gửi dữ liệu giữa phương thức GET và POST là gì?
A. GET chỉ gửi văn bản, POST có thể gửi tệp tin.
B. GET mã hóa dữ liệu, POST không mã hóa.
C. GET gửi dữ liệu qua URL, POST gửi qua phần thân yêu cầu.
D. GET nhanh hơn POST trong mọi trường hợp.
Câu 20: Khi nào thì việc sử dụng phương thức GET để gửi dữ liệu biểu mẫu là phù hợp?
A. Khi gửi dữ liệu không nhạy cảm và muốn kết quả có thể được đánh dấu trang (bookmark).
B. Khi gửi thông tin cá nhân nhạy cảm như mật khẩu hoặc số thẻ tín dụng.
C. Khi gửi một lượng lớn dữ liệu (ví dụ: tải lên tệp tin).
D. Khi cần đảm bảo dữ liệu không bao giờ hiển thị trên thanh địa chỉ.
Câu 21: Xét đoạn mã HTML sau:
```html
Câu 22: Bạn muốn thêm một nút vào biểu mẫu để xóa sạch tất cả dữ liệu người dùng đã nhập và đưa các trường về trạng thái ban đầu. Loại `type` nào của thẻ `` hoặc `` sẽ thực hiện chức năng này?
A. type=
B. type=
C. type=
D. type=
Câu 23: Khi người dùng nhấn nút gửi (submit) trong một biểu mẫu, điều gì xảy ra tiếp theo theo luồng xử lý thông thường?
A. Trình duyệt tự động lưu dữ liệu vào bộ nhớ tạm.
B. Dữ liệu biểu mẫu được thu thập và gửi đến địa chỉ URL được chỉ định trong thuộc tính `action`.
C. Trang web tải lại và xóa bỏ biểu mẫu.
D. Một cửa sổ pop-up hiển thị xác nhận dữ liệu đã gửi.
Câu 24: Bạn đang xây dựng một biểu mẫu khảo sát ý kiến và muốn nhóm các câu hỏi về "Thông tin cá nhân" lại với nhau một cách trực quan và ngữ nghĩa trong HTML. Thẻ nào sau đây giúp tạo ra một nhóm các trường liên quan?
A.
B.
C.
D.
Câu 25: Xét trường hợp bạn cần tạo một ô nhập liệu chỉ cho phép người dùng nhập các ký tự số. Loại `type` nào của thẻ `` có thể cung cấp bàn phím số trên thiết bị di động và hỗ trợ kiểm tra dữ liệu nhập vào có phải là số không?
A. type=
B. type=
C. type=
D. type=
Câu 26: Một biểu mẫu có thuộc tính `method=
A. `/search`
B. `/search/query/Tin+hoc`
C. `/search?query=Tin+hoc`
D. `/search?query=Tin hoc`
Câu 27: Bạn sử dụng thẻ `
A. Không có hành động mặc định nào xảy ra; thường được dùng với JavaScript.
B. Gửi dữ liệu biểu mẫu đến địa chỉ `action`.
C. Xóa sạch dữ liệu trong biểu mẫu.
D. Tải lại trang hiện tại.
Câu 28: Để tạo một trường nhập liệu cho mật khẩu, trong đó các ký tự nhập vào sẽ được che đi (thường bằng dấu chấm hoặc sao), bạn sử dụng loại `type` nào của thẻ ``?
A. type=
B. type=
C. type=
D. type=
Câu 29: Bạn muốn thêm một trường dữ liệu vào biểu mẫu mà không hiển thị nó trên giao diện người dùng, nhưng dữ liệu này vẫn cần được gửi đến máy chủ cùng với các dữ liệu khác (ví dụ: một ID phiên làm việc). Loại `type` nào của thẻ `` là phù hợp cho mục đích này?
A. type=
B. type=
C. type=
D. type=
Câu 30: Xét biểu mẫu đăng ký với các trường: Tên (bắt buộc), Email (bắt buộc, kiểm tra định dạng), Mật khẩu (bắt buộc), Ngày sinh (chọn ngày), Giới tính (chọn 1 trong 3), Sở thích (chọn nhiều), Ảnh đại diện (tải tệp tin), Nút Đăng ký. Hãy phân tích và lựa chọn các loại input HTML tối ưu nhất cho các trường Ngày sinh, Giới tính, Sở thích, và Ảnh đại diện.
A. Ngày sinh: `type=
B. Ngày sinh: `type=
C. Ngày sinh: `type=
D. Ngày sinh: `type=
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 1: Trong ngữ cảnh phát triển web, biểu mẫu (form) đóng vai trò chính là gì?
Biểu mẫu web là phương tiện cơ bản để thu thập thông tin từ người dùng và gửi về máy chủ để xử lý, cho phép người dùng tương tác hai chiều với ứng dụng web.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 2: Để khai báo một biểu mẫu trong HTML, thẻ nào sau đây được sử dụng?
Thẻ `
` là thẻ HTML dùng để định nghĩa một biểu mẫu, chứa các thành phần nhập liệu như ô văn bản, nút chọn, nút nhấn, v.v.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 3: Thuộc tính `action` trong thẻ `
` có mục đích gì?
Thuộc tính `action` chỉ định URL của tài nguyên (thường là một tập tin kịch bản trên máy chủ) sẽ nhận và xử lý dữ liệu khi biểu mẫu được gửi đi.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 4: Bạn đang thiết kế một biểu mẫu đăng nhập yêu cầu người dùng nhập tên đăng nhập và mật khẩu. Phương thức gửi dữ liệu nào sau đây là *phù hợp nhất* để đảm bảo tính bảo mật cơ bản cho mật khẩu?
Phương thức POST gửi dữ liệu trong phần thân (body) của yêu cầu HTTP, không hiển thị trên thanh địa chỉ, do đó phù hợp hơn cho dữ liệu nhạy cảm như mật khẩu. Phương thức GET gắn dữ liệu vào URL, rất dễ bị lộ.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 5: Khi sử dụng phương thức GET để gửi dữ liệu từ biểu mẫu, dữ liệu sẽ được hiển thị ở đâu?
Đặc điểm của phương thức GET là đính kèm dữ liệu biểu mẫu vào cuối URL của trang đích, khiến dữ liệu xuất hiện rõ trên thanh địa chỉ của trình duyệt.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 6: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, phương thức gửi dữ liệu mặc định mà trình duyệt sử dụng là gì?
Theo tiêu chuẩn HTML, nếu thuộc tính `method` không được đặt, trình duyệt sẽ mặc định sử dụng phương thức GET để gửi dữ liệu biểu mẫu.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 7: Bạn cần tạo một ô nhập liệu để người dùng nhập tên của họ. Thẻ `` với thuộc tính `type` nào sau đây là phù hợp nhất?
Thuộc tính `type="text"` của thẻ `` được sử dụng để tạo ra một ô nhập liệu văn bản một dòng, thích hợp cho việc nhập tên, tiêu đề ngắn, v.v.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 8: Để cho phép người dùng nhập một đoạn văn bản dài (ví dụ: ý kiến đóng góp), bạn nên sử dụng thẻ HTML nào?
Thẻ `
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 9: Bạn muốn tạo một nhóm các tùy chọn mà người dùng chỉ có thể chọn *duy nhất một* trong số đó (ví dụ: giới tính Nam/Nữ/Khác). Loại input nào sau đây nên được sử dụng?
Các nút radio (``) được sử dụng cho các nhóm tùy chọn mà người dùng chỉ có thể chọn một lựa chọn duy nhất. Để chúng hoạt động như một nhóm, chúng phải có cùng giá trị thuộc tính `name`.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 10: Để cho phép người dùng chọn *nhiều* tùy chọn từ một danh sách (ví dụ: các sở thích như đọc sách, xem phim, nghe nhạc), loại input nào sau đây là phù hợp?
Hộp kiểm (``) cho phép người dùng chọn không, một, hoặc nhiều tùy chọn từ một tập hợp các lựa chọn.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 11: Nút nào sau đây được sử dụng để gửi dữ liệu từ biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
Nút có thuộc tính `type="submit"` (dù là thẻ `` hay ``) được thiết kế để kích hoạt quá trình gửi dữ liệu của biểu mẫu.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 12: Thuộc tính `name` của các thành phần input trong biểu mẫu có vai trò gì khi dữ liệu được gửi đi?
Thuộc tính `name` cung cấp tên cho mỗi trường dữ liệu. Khi biểu mẫu được gửi, dữ liệu được đóng gói dưới dạng các cặp `name=value`, trong đó `name` là tên của trường và `value` là giá trị người dùng đã nhập hoặc chọn. Máy chủ sử dụng tên này để xác định dữ liệu nào thuộc về trường nào.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 13: Xét đoạn mã HTML sau:
```html
```
Nếu người dùng nhập 'admin' vào ô văn bản và nhấn nút 'Gửi đi', dữ liệu nào sẽ được gửi đến địa chỉ `/submit`?
Khi biểu mẫu được gửi bằng phương thức POST, dữ liệu được gửi dưới dạng cặp `name=value` trong phần thân yêu cầu. Trong trường hợp này, tên của input là `username` và giá trị nhập là `admin`. Do đó, cặp `username=admin` sẽ được gửi đi.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 14: Thuộc tính `value` trong thẻ `` có tác dụng gì?
Đối với nút `submit`, thuộc tính `value` xác định văn bản sẽ hiển thị trên bề mặt của nút. Nó giúp người dùng biết chức năng của nút đó.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 15: Bạn muốn tạo một ô nhập liệu cho địa chỉ email. Loại `type` nào của thẻ `` sẽ cung cấp tính năng kiểm tra định dạng email cơ bản ngay trên trình duyệt?
HTML5 giới thiệu các loại input mới để giúp trình duyệt thực hiện kiểm tra định dạng dữ liệu cơ bản. `type="email"` là loại dành riêng cho địa chỉ email và trình duyệt có thể kiểm tra xem giá trị nhập vào có giống định dạng email hay không trước khi gửi biểu mẫu.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 16: Để một trường nhập liệu trong biểu mẫu là *bắt buộc* phải điền trước khi gửi, bạn sử dụng thuộc tính nào?
Thuộc tính boolean `required` khi thêm vào một thẻ input sẽ yêu cầu người dùng phải điền dữ liệu vào trường đó. Trình duyệt sẽ ngăn việc gửi biểu mẫu nếu trường bắt buộc bị bỏ trống (kiểm tra phía client).
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 17: Thuộc tính `placeholder` trong thẻ `` được sử dụng để làm gì?
Thuộc tính `placeholder` hiển thị một văn bản gợi ý hoặc ví dụ về định dạng dữ liệu mong muốn bên trong trường nhập liệu khi trường đó trống. Văn bản này sẽ biến mất khi người dùng bắt đầu nhập liệu.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 18: Giả sử bạn có ba nút radio cho lựa chọn 'Kích thước': Nhỏ, Vừa, Lớn. Để đảm bảo người dùng chỉ chọn được *một* kích thước duy nhất, các nút radio này phải có thuộc tính nào giống nhau?
Các nút radio có cùng giá trị cho thuộc tính `name` sẽ được coi là thuộc cùng một nhóm. Trong một nhóm, chỉ có thể chọn duy nhất một nút radio tại một thời điểm.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 19: Sự khác biệt cơ bản về cách gửi dữ liệu giữa phương thức GET và POST là gì?
Điểm khác biệt chính là nơi dữ liệu được đặt trong yêu cầu HTTP. GET đặt dữ liệu trong URL (dưới dạng chuỗi truy vấn), trong khi POST đặt dữ liệu trong phần thân (body) của yêu cầu. Điều này ảnh hưởng đến giới hạn kích thước dữ liệu và tính hiển thị (bảo mật).
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 20: Khi nào thì việc sử dụng phương thức GET để gửi dữ liệu biểu mẫu là phù hợp?
GET phù hợp cho các yêu cầu truy vấn dữ liệu hoặc tìm kiếm, nơi dữ liệu không nhạy cảm và có thể được đánh dấu trang (bookmark) hoặc chia sẻ qua URL. Nó không nên dùng cho dữ liệu nhạy cảm hoặc dữ liệu lớn.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 21: Xét đoạn mã HTML sau:
```html
```
Thẻ `
Thẻ `
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 22: Bạn muốn thêm một nút vào biểu mẫu để xóa sạch tất cả dữ liệu người dùng đã nhập và đưa các trường về trạng thái ban đầu. Loại `type` nào của thẻ `` hoặc `` sẽ thực hiện chức năng này?
type="reset"
type="clear"
type="delete"
type="button" (cần JavaScript)
Nút có thuộc tính `type="reset"` được sử dụng để đặt lại tất cả các trường trong biểu mẫu về giá trị mặc định ban đầu của chúng.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 23: Khi người dùng nhấn nút gửi (submit) trong một biểu mẫu, điều gì xảy ra tiếp theo theo luồng xử lý thông thường?
Trình duyệt tự động lưu dữ liệu vào bộ nhớ tạm.
Dữ liệu biểu mẫu được thu thập và gửi đến địa chỉ URL được chỉ định trong thuộc tính `action`.
Trang web tải lại và xóa bỏ biểu mẫu.
Một cửa sổ pop-up hiển thị xác nhận dữ liệu đã gửi.
Sau khi người dùng nhấn nút submit, trình duyệt sẽ thu thập dữ liệu từ tất cả các trường input trong biểu mẫu, đóng gói chúng lại theo phương thức đã chỉ định (`GET` hoặc `POST`), và gửi yêu cầu HTTP chứa dữ liệu đó đến địa chỉ URL được khai báo trong thuộc tính `action` của thẻ `
`. Server tại địa chỉ đó sẽ nhận và xử lý dữ liệu.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 24: Bạn đang xây dựng một biểu mẫu khảo sát ý kiến và muốn nhóm các câu hỏi về 'Thông tin cá nhân' lại với nhau một cách trực quan và ngữ nghĩa trong HTML. Thẻ nào sau đây giúp tạo ra một nhóm các trường liên quan?
<group>
<section>
<container>
<fieldset>
Thẻ `
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 25: Xét trường hợp bạn cần tạo một ô nhập liệu chỉ cho phép người dùng nhập các ký tự số. Loại `type` nào của thẻ `` có thể cung cấp bàn phím số trên thiết bị di động và hỗ trợ kiểm tra dữ liệu nhập vào có phải là số không?
type="text"
type="number"
type="numeric"
type="int"
Thuộc tính `type="number"` của thẻ `` được thiết kế để nhập liệu số. Trình duyệt có thể cung cấp giao diện nhập liệu tối ưu cho số (ví dụ: bàn phím số trên di động) và thực hiện kiểm tra cơ bản xem giá trị nhập vào có phải là số hợp lệ không.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 26: Một biểu mẫu có thuộc tính `method="GET"` và `action="/search"`. Nếu người dùng nhập 'Tin hoc' vào ô tìm kiếm có `name="query"` và nhấn nút gửi, URL mà trình duyệt sẽ truy cập có dạng như thế nào?
`/search`
`/search/query/Tin+hoc`
`/search?query=Tin+hoc`
`/search?query=Tin hoc`
Với phương thức GET, dữ liệu được đính kèm vào URL dưới dạng chuỗi truy vấn, bắt đầu bằng dấu `?` sau URL đích, theo sau là các cặp `name=value` nối với nhau bằng dấu `&`. Khoảng trắng trong giá trị thường được mã hóa thành `+` hoặc `%20`.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 27: Bạn sử dụng thẻ `` trong biểu mẫu. Khi nhấp vào nút này, điều gì sẽ xảy ra theo mặc định?
Không có hành động mặc định nào xảy ra; thường được dùng với JavaScript.
Gửi dữ liệu biểu mẫu đến địa chỉ `action`.
Xóa sạch dữ liệu trong biểu mẫu.
Tải lại trang hiện tại.
Nút có `type="button"` là một nút chung không có hành động mặc định nào liên quan đến biểu mẫu (khác với `submit` hoặc `reset`). Nó thường được sử dụng để kích hoạt các kịch bản (script) JavaScript.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 28: Để tạo một trường nhập liệu cho mật khẩu, trong đó các ký tự nhập vào sẽ được che đi (thường bằng dấu chấm hoặc sao), bạn sử dụng loại `type` nào của thẻ ``?
type="text"
type="hidden"
type="secret"
type="password"
Thuộc tính `type="password"` của thẻ `` tạo ra một trường nhập liệu đặc biệt, nơi các ký tự người dùng gõ vào sẽ được hiển thị dưới dạng dấu chấm hoặc sao để che giấu nội dung, phù hợp cho việc nhập mật khẩu.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 29: Bạn muốn thêm một trường dữ liệu vào biểu mẫu mà không hiển thị nó trên giao diện người dùng, nhưng dữ liệu này vẫn cần được gửi đến máy chủ cùng với các dữ liệu khác (ví dụ: một ID phiên làm việc). Loại `type` nào của thẻ `` là phù hợp cho mục đích này?
type="invisible"
type="masked"
type="hidden"
type="display:none"
Thuộc tính `type="hidden"` tạo ra một trường input không hiển thị trên trang web nhưng vẫn có tên (`name`) và giá trị (`value`). Giá trị này sẽ được gửi cùng với các dữ liệu biểu mẫu khác khi submit, hữu ích để truyền thông tin ngữ cảnh cần thiết cho máy chủ mà người dùng không cần tương tác.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 03
Câu 30: Xét biểu mẫu đăng ký với các trường: Tên (bắt buộc), Email (bắt buộc, kiểm tra định dạng), Mật khẩu (bắt buộc), Ngày sinh (chọn ngày), Giới tính (chọn 1 trong 3), Sở thích (chọn nhiều), Ảnh đại diện (tải tệp tin), Nút Đăng ký. Hãy phân tích và lựa chọn các loại input HTML *tối ưu nhất* cho các trường Ngày sinh, Giới tính, Sở thích, và Ảnh đại diện.
Ngày sinh: `type="date"`; Giới tính: `type="radio"`; Sở thích: `type="checkbox"`; Ảnh đại diện: `type="file"`.
Ngày sinh: `type="text"`; Giới tính: `type="select"`; Sở thích: `type="select" multiple`; Ảnh đại diện: `type="upload"`.
Ngày sinh: `type="number"`; Giới tính: `type="checkbox"`; Sở thích: `type="radio"`; Ảnh đại diện: `type="text"`.
Ngày sinh: `type="calendar"`; Giới tính: `type="button"`; Sở thích: `type="list"`; Ảnh đại diện: `type="image"`.
Phân tích từng trường:
- Ngày sinh: `type="date"` cung cấp giao diện chọn ngày tích hợp.
- Giới tính: Chọn 1 trong 3 -> Radio buttons (`type="radio"`) với cùng `name`.
- Sở thích: Chọn nhiều -> Checkboxes (`type="checkbox"`) với cùng `name`.
- Ảnh đại diện: Tải tệp tin -> `type="file"`.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 04
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 04 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Mục đích chính của việc sử dụng biểu mẫu (form) trong trang web là gì?
A. Chỉ để hiển thị thông tin tĩnh cho người dùng đọc.
B. Giúp trang web chạy nhanh hơn bằng cách lưu trữ dữ liệu tạm thời trên trình duyệt.
C. Thu thập dữ liệu do người dùng nhập vào và gửi đến máy chủ để xử lý.
D. Thay đổi giao diện (màu sắc, bố cục) của trang web dựa trên lựa chọn của người dùng.
Câu 2: Thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu trong trang web?
A.
B.
C.
D.
Câu 3: Thuộc tính nào của thẻ `
` được sử dụng để chỉ định địa chỉ (URL) mà dữ liệu từ biểu mẫu sẽ được gửi tới để xử lý?
A. action
B. method
C. src
D. href
Câu 4: Có hai phương thức chính để gửi dữ liệu từ biểu mẫu web là GET và POST. Sự khác biệt cơ bản giữa hai phương thức này nằm ở:
A. Tốc độ gửi dữ liệu.
B. Loại dữ liệu có thể gửi (văn bản hay hình ảnh).
C. Khả năng mã hóa dữ liệu.
D. Cách dữ liệu được đính kèm (vào URL hay trong phần thân yêu cầu).
Câu 5: Khi nào nên sử dụng phương thức GET để gửi dữ liệu từ biểu mẫu?
A. Khi gửi thông tin nhạy cảm như mật khẩu hoặc số thẻ tín dụng.
B. Khi thực hiện các truy vấn tìm kiếm hoặc lọc dữ liệu mà kết quả có thể được đánh dấu trang (bookmark).
C. Khi gửi lượng lớn dữ liệu (ví dụ: nội dung một bài viết dài).
D. Khi cần đảm bảo dữ liệu không hiển thị trên thanh địa chỉ của trình duyệt.
Câu 6: Giả sử bạn đang thiết kế một biểu mẫu đăng ký thành viên, bao gồm các trường nhập liệu nhạy cảm như mật khẩu. Bạn nên sử dụng phương thức nào cho thuộc tính `method` của thẻ `
` để đảm bảo an toàn dữ liệu tốt nhất?
A. POST
B. GET
C. PUT
D. DELETE
Câu 7: Thẻ HTML nào được sử dụng để tạo ra một ô nhập liệu văn bản một dòng trong biểu mẫu?
A.
B.
C.
D.
Câu 8: Để tạo một vùng nhập liệu văn bản có thể chứa nhiều dòng, bạn nên sử dụng thẻ HTML nào?
A.
B.
C.
D.
Câu 9: Thuộc tính `type="password"` của thẻ `` được sử dụng để tạo ra ô nhập liệu mật khẩu. Đặc điểm hiển thị của ô này trên trình duyệt là gì?
A. Hiển thị mật khẩu dưới dạng văn bản rõ ràng.
B. Tự động mã hóa mật khẩu trước khi gửi đi.
C. Chỉ cho phép nhập số.
D. Thay thế các ký tự nhập vào bằng dấu chấm hoặc dấu sao để che giấu.
Câu 10: Để tạo một nhóm các lựa chọn mà người dùng CHỈ có thể chọn MỘT trong số đó (ví dụ: Giới tính), bạn nên sử dụng thuộc tính `type` nào cho thẻ ``?
A. radio
B. checkbox
C. select
D. option
Câu 11: Để tạo một nhóm các lựa chọn mà người dùng có thể chọn NHIỀU tùy chọn cùng lúc (ví dụ: Sở thích), bạn nên sử dụng thuộc tính `type` nào cho thẻ ``?
A. radio
B. checkbox
C. select
D. list
Câu 12: Trong một nhóm các nút radio (radio buttons), thuộc tính nào là BẮT BUỘC phải giống nhau giữa các nút để trình duyệt hiểu chúng thuộc cùng một nhóm và chỉ cho phép chọn một?
A. id
B. value
C. name
D. type
Câu 13: Thẻ HTML nào được sử dụng để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một hoặc nhiều mục?
A.
B.
C.
D.
Câu 14: Các mục lựa chọn trong một danh sách thả xuống (``) được định nghĩa bằng thẻ HTML nào bên trong thẻ ``?
A.
B.
C.
D.
Câu 15: Thẻ HTML nào được sử dụng để tạo ra một nút nhấn mà khi người dùng nháy vào sẽ gửi dữ liệu của biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
A.
B.
C.
D.
Câu 16: Thẻ HTML nào được sử dụng để tạo ra một nút nhấn mà khi người dùng nháy vào sẽ đặt lại (xóa) tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu?
A.
B.
C.
D.
Câu 17: Thuộc tính `name` trong các thẻ ``, `
A. Là tên được sử dụng để xác định trường dữ liệu đó khi dữ liệu được gửi đến máy chủ.
B. Là tên hiển thị của trường dữ liệu trên giao diện web.
C. Là giá trị mặc định sẽ được gửi đi nếu người dùng không nhập gì.
D. Là tên duy nhất để áp dụng CSS hoặc JavaScript.
Câu 18: Thuộc tính `value` trong thẻ `` có tác dụng gì?
A. Xác định tên của trường dữ liệu.
B. Thiết lập giá trị mặc định ban đầu cho ô nhập liệu.
C. Đặt văn bản gợi ý (placeholder) trong ô nhập liệu.
D. Giới hạn số ký tự tối đa có thể nhập.
Câu 19: Đối với các loại input như `radio` và `checkbox`, thuộc tính `value` có ý nghĩa khác. Nó dùng để làm gì?
A. Hiển thị văn bản bên cạnh nút radio/checkbox.
B. Đặt tên nhóm cho các nút radio/checkbox.
C. Xác định giá trị cụ thể sẽ được gửi đến máy chủ nếu nút đó được chọn.
D. Thiết lập trạng thái ban đầu (đã chọn hay chưa).
Câu 20: Thuộc tính `placeholder` trong thẻ `` hoặc `
A. Hiển thị văn bản gợi ý trong ô nhập liệu khi nó trống.
B. Thiết lập giá trị mặc định của ô nhập liệu.
C. Đặt nhãn (label) cho ô nhập liệu.
D. Giới hạn định dạng dữ liệu có thể nhập.
Câu 21: Để liên kết một thẻ `` với một trường nhập liệu (ví dụ: ``), bạn sử dụng thuộc tính `for` trong thẻ ``. Giá trị của thuộc tính `for` phải khớp với thuộc tính nào của trường nhập liệu tương ứng?
A. name
B. id
C. value
D. class
Câu 22: Bạn muốn một trường nhập liệu email trong biểu mẫu của mình phải được điền trước khi người dùng có thể gửi form. Bạn nên thêm thuộc tính nào vào thẻ ``?
A. validate="true"
B. mandatory
C. required
D. must-fill
Câu 23: Xét đoạn mã HTML sau: ` Đỏ Xanh`. Nếu người dùng chọn "Xanh" và gửi form, cặp tên=giá trị nào sẽ được gửi đến máy chủ?
A. color=Đỏ
B. color=Xanh Đỏ
C. radio=blue
D. color=blue
Câu 24: Để tạo một vùng có viền bao quanh và tiêu đề cho một nhóm các trường trong biểu mẫu (ví dụ: nhóm thông tin liên hệ), bạn sử dụng các thẻ HTML nào?
A.
và
B. và
C.
và
D. và
Câu 25: Thuộc tính `type="file"` của thẻ `` cho phép người dùng làm gì?
A. Nhập đường dẫn đến một tệp trên máy chủ.
B. Hiển thị nội dung của một tệp văn bản.
C. Chọn một hoặc nhiều tệp từ máy tính của người dùng để gửi lên máy chủ.
D. Tạo một liên kết đến một tệp có thể tải xuống.
Câu 26: Giả sử bạn có một biểu mẫu tìm kiếm đơn giản. Bạn nên sử dụng phương thức gửi dữ liệu nào để người dùng có thể chia sẻ kết quả tìm kiếm bằng cách gửi URL cho người khác?
A. POST
B. GET
C. PUT
D. Cả GET và POST đều như nhau trong trường hợp này.
Câu 27: Xét đoạn mã: ` Phô mai`. Thuộc tính `checked` có ý nghĩa gì trong trường hợp này?
A. Thiết lập hộp kiểm này ở trạng thái đã chọn (tick) khi trang web được tải.
B. Làm cho hộp kiểm này không thể thay đổi trạng thái.
C. Đặt giá trị (value) của hộp kiểm là "checked".
D. Kiểm tra xem người dùng đã chọn hộp kiểm này hay chưa sau khi gửi form.
Câu 28: Bạn muốn tạo một trường nhập liệu số lượng sản phẩm, chỉ cho phép nhập số nguyên dương từ 1 đến 100. Bạn nên sử dụng thuộc tính `type` nào và các thuộc tính bổ sung nào của thẻ `` (trong HTML5)?
A. type="text", pattern="[0-9]+", min="1", max="100"
B. type="number", step="0", min="1", max="100"
C. type="integer", range="1-100"
D. type="number", min="1", max="100"
Câu 29: Điều gì xảy ra nếu bạn không chỉ định thuộc tính `method` trong thẻ `
`?
A. Dữ liệu sẽ được gửi bằng phương thức GET theo mặc định.
B. Dữ liệu sẽ được gửi bằng phương thức POST theo mặc định.
C. Trình duyệt sẽ hiển thị lỗi và không gửi form.
D. Dữ liệu sẽ không được gửi đi.
Câu 30: Để tạo một nút nhấn thông thường (không tự động gửi form hay reset form, thường dùng để kích hoạt JavaScript), bạn nên sử dụng thuộc tính `type` nào cho thẻ `` hoặc ``?
A. type="submit"
B. type="button"
C. type="action"
D. type="generic"
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 1: Mục đích chính của việc sử dụng biểu mẫu (form) trong trang web là gì?
Chỉ để hiển thị thông tin tĩnh cho người dùng đọc.
Giúp trang web chạy nhanh hơn bằng cách lưu trữ dữ liệu tạm thời trên trình duyệt.
Thu thập dữ liệu do người dùng nhập vào và gửi đến máy chủ để xử lý.
Thay đổi giao diện (màu sắc, bố cục) của trang web dựa trên lựa chọn của người dùng.
Câu hỏi kiểm tra hiểu biết về vai trò cơ bản của biểu mẫu web là thu thập thông tin từ người dùng và gửi về máy chủ để xử lý, tạo sự tương tác hai chiều.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 2: Thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu trong trang web?
<input>
<form>
<label>
<button>
Câu hỏi kiểm tra thẻ HTML cơ bản để tạo biểu mẫu.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 3: Thuộc tính nào của thẻ `
` được sử dụng để chỉ định địa chỉ (URL) mà dữ liệu từ biểu mẫu sẽ được gửi tới để xử lý?
action
method
src
href
Câu hỏi kiểm tra thuộc tính quan trọng nhất của thẻ `
` để xác định điểm đến của dữ liệu.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 4: Có hai phương thức chính để gửi dữ liệu từ biểu mẫu web là GET và POST. Sự khác biệt cơ bản giữa hai phương thức này nằm ở:
Tốc độ gửi dữ liệu.
Loại dữ liệu có thể gửi (văn bản hay hình ảnh).
Khả năng mã hóa dữ liệu.
Cách dữ liệu được đính kèm (vào URL hay trong phần thân yêu cầu).
Câu hỏi yêu cầu phân biệt hai phương thức gửi dữ liệu dựa trên cách thức truyền dữ liệu.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 5: Khi nào nên sử dụng phương thức GET để gửi dữ liệu từ biểu mẫu?
Khi gửi thông tin nhạy cảm như mật khẩu hoặc số thẻ tín dụng.
Khi thực hiện các truy vấn tìm kiếm hoặc lọc dữ liệu mà kết quả có thể được đánh dấu trang (bookmark).
Khi gửi lượng lớn dữ liệu (ví dụ: nội dung một bài viết dài).
Khi cần đảm bảo dữ liệu không hiển thị trên thanh địa chỉ của trình duyệt.
Câu hỏi yêu cầu áp dụng hiểu biết về đặc điểm của phương thức GET vào tình huống sử dụng phù hợp.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 6: Giả sử bạn đang thiết kế một biểu mẫu đăng ký thành viên, bao gồm các trường nhập liệu nhạy cảm như mật khẩu. Bạn nên sử dụng phương thức nào cho thuộc tính `method` của thẻ `
` để đảm bảo an toàn dữ liệu tốt nhất?
POST
GET
PUT
DELETE
Câu hỏi yêu cầu áp dụng kiến thức về phương thức gửi dữ liệu vào ngữ cảnh thực tế (bảo mật dữ liệu nhạy cảm).
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 7: Thẻ HTML nào được sử dụng để tạo ra một ô nhập liệu văn bản một dòng trong biểu mẫu?
<textarea>
<input type='textarea'>
<input type='text'>
<textinput>
Câu hỏi kiểm tra thẻ và thuộc tính cơ bản để tạo trường nhập liệu phổ biến nhất.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 8: Để tạo một vùng nhập liệu văn bản có thể chứa nhiều dòng, bạn nên sử dụng thẻ HTML nào?
<textarea>
<input type='text' multiline='true'>
<input type='longtext'>
<textblock>
Câu hỏi kiểm tra thẻ HTML chuyên dụng cho vùng nhập liệu văn bản dài/đa dòng.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 9: Thuộc tính `type='password'` của thẻ `` được sử dụng để tạo ra ô nhập liệu mật khẩu. Đặc điểm hiển thị của ô này trên trình duyệt là gì?
Hiển thị mật khẩu dưới dạng văn bản rõ ràng.
Tự động mã hóa mật khẩu trước khi gửi đi.
Chỉ cho phép nhập số.
Thay thế các ký tự nhập vào bằng dấu chấm hoặc dấu sao để che giấu.
Câu hỏi kiểm tra đặc điểm hiển thị của trường nhập liệu mật khẩu, một loại input phổ biến.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 10: Để tạo một nhóm các lựa chọn mà người dùng CHỈ có thể chọn MỘT trong số đó (ví dụ: Giới tính), bạn nên sử dụng thuộc tính `type` nào cho thẻ ``?
radio
checkbox
select
option
Câu hỏi kiểm tra loại input element dùng cho lựa chọn độc quyền (chọn một).
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 11: Để tạo một nhóm các lựa chọn mà người dùng có thể chọn NHIỀU tùy chọn cùng lúc (ví dụ: Sở thích), bạn nên sử dụng thuộc tính `type` nào cho thẻ ``?
radio
checkbox
select
list
Câu hỏi kiểm tra loại input element dùng cho lựa chọn đa năng (chọn nhiều).
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 12: Trong một nhóm các nút radio (radio buttons), thuộc tính nào là BẮT BUỘC phải giống nhau giữa các nút để trình duyệt hiểu chúng thuộc cùng một nhóm và chỉ cho phép chọn một?
id
value
name
type
Câu hỏi yêu cầu phân tích cách các nút radio hoạt động theo nhóm.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 13: Thẻ HTML nào được sử dụng để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một hoặc nhiều mục?
<select>
<list>
<dropdown>
<option>
Câu hỏi kiểm tra thẻ dùng để tạo danh sách chọn (dropdown).
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 14: Các mục lựa chọn trong một danh sách thả xuống (``) được định nghĩa bằng thẻ HTML nào bên trong thẻ ``?
<item>
<listitem>
<choice>
<option>
Câu hỏi kiểm tra thẻ con bên trong `` để định nghĩa các lựa chọn.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 15: Thẻ HTML nào được sử dụng để tạo ra một nút nhấn mà khi người dùng nháy vào sẽ gửi dữ liệu của biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
<input type='button'>
<input type='submit'>
<button type='reset'>
<input type='action'>
Câu hỏi kiểm tra loại input/button dùng để kích hoạt hành động gửi form.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 16: Thẻ HTML nào được sử dụng để tạo ra một nút nhấn mà khi người dùng nháy vào sẽ đặt lại (xóa) tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu?
<input type='cancel'>
<input type='clear'>
<input type='reset'>
<button type='submit'>
Câu hỏi kiểm tra loại input/button dùng để đặt lại form.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 17: Thuộc tính `name` trong các thẻ ``, `
Là tên được sử dụng để xác định trường dữ liệu đó khi dữ liệu được gửi đến máy chủ.
Là tên hiển thị của trường dữ liệu trên giao diện web.
Là giá trị mặc định sẽ được gửi đi nếu người dùng không nhập gì.
Là tên duy nhất để áp dụng CSS hoặc JavaScript.
Câu hỏi kiểm tra vai trò quan trọng của thuộc tính `name` trong việc xử lý dữ liệu form ở phía máy chủ.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 18: Thuộc tính `value` trong thẻ `` có tác dụng gì?
Xác định tên của trường dữ liệu.
Thiết lập giá trị mặc định ban đầu cho ô nhập liệu.
Đặt văn bản gợi ý (placeholder) trong ô nhập liệu.
Giới hạn số ký tự tối đa có thể nhập.
Câu hỏi kiểm tra vai trò của thuộc tính `value` trong trường nhập liệu văn bản.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 19: Đối với các loại input như `radio` và `checkbox`, thuộc tính `value` có ý nghĩa khác. Nó dùng để làm gì?
Hiển thị văn bản bên cạnh nút radio/checkbox.
Đặt tên nhóm cho các nút radio/checkbox.
Xác định giá trị cụ thể sẽ được gửi đến máy chủ nếu nút đó được chọn.
Thiết lập trạng thái ban đầu (đã chọn hay chưa).
Câu hỏi yêu cầu phân tích vai trò khác biệt của thuộc tính `value` ở các loại input khác nhau.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 20: Thuộc tính `placeholder` trong thẻ `` hoặc `
Hiển thị văn bản gợi ý trong ô nhập liệu khi nó trống.
Thiết lập giá trị mặc định của ô nhập liệu.
Đặt nhãn (label) cho ô nhập liệu.
Giới hạn định dạng dữ liệu có thể nhập.
Câu hỏi kiểm tra thuộc tính cung cấp gợi ý cho người dùng trong trường nhập liệu.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 21: Để liên kết một thẻ `` với một trường nhập liệu (ví dụ: ``), bạn sử dụng thuộc tính `for` trong thẻ ``. Giá trị của thuộc tính `for` phải khớp với thuộc tính nào của trường nhập liệu tương ứng?
name
id
value
class
Câu hỏi yêu cầu phân tích cách liên kết label với input để cải thiện trải nghiệm người dùng và khả năng truy cập.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 22: Bạn muốn một trường nhập liệu email trong biểu mẫu của mình phải được điền trước khi người dùng có thể gửi form. Bạn nên thêm thuộc tính nào vào thẻ ``?
validate='true'
mandatory
required
must-fill
Câu hỏi yêu cầu áp dụng thuộc tính HTML5 cơ bản cho việc kiểm tra tính bắt buộc của trường nhập liệu.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 23: Xét đoạn mã HTML sau: ` Đỏ Xanh`. Nếu người dùng chọn 'Xanh' và gửi form, cặp tên=giá trị nào sẽ được gửi đến máy chủ?
color=Đỏ
color=Xanh Đỏ
radio=blue
color=blue
Câu hỏi yêu cầu phân tích cách dữ liệu từ input radio được gửi đi, kết hợp thuộc tính `name` và `value`.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 24: Để tạo một vùng có viền bao quanh và tiêu đề cho một nhóm các trường trong biểu mẫu (ví dụ: nhóm thông tin liên hệ), bạn sử dụng các thẻ HTML nào?
<fieldset> và <legend>
<group> và <title>
<div> và <span>
<section> và <header>
Câu hỏi kiểm tra thẻ dùng để nhóm các phần tử form lại một cách trực quan và ngữ nghĩa.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 25: Thuộc tính `type='file'` của thẻ `` cho phép người dùng làm gì?
Nhập đường dẫn đến một tệp trên máy chủ.
Hiển thị nội dung của một tệp văn bản.
Chọn một hoặc nhiều tệp từ máy tính của người dùng để gửi lên máy chủ.
Tạo một liên kết đến một tệp có thể tải xuống.
Câu hỏi kiểm tra loại input element dùng để tải tệp lên.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 26: Giả sử bạn có một biểu mẫu tìm kiếm đơn giản. Bạn nên sử dụng phương thức gửi dữ liệu nào để người dùng có thể chia sẻ kết quả tìm kiếm bằng cách gửi URL cho người khác?
POST
GET
PUT
Cả GET và POST đều như nhau trong trường hợp này.
Câu hỏi yêu cầu áp dụng kiến thức về đặc điểm hiển thị dữ liệu của phương thức GET vào tình huống thực tế (chia sẻ URL chứa tham số).
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 27: Xét đoạn mã: ` Phô mai`. Thuộc tính `checked` có ý nghĩa gì trong trường hợp này?
Thiết lập hộp kiểm này ở trạng thái đã chọn (tick) khi trang web được tải.
Làm cho hộp kiểm này không thể thay đổi trạng thái.
Đặt giá trị (value) của hộp kiểm là 'checked'.
Kiểm tra xem người dùng đã chọn hộp kiểm này hay chưa sau khi gửi form.
Câu hỏi yêu cầu phân tích thuộc tính thiết lập trạng thái mặc định cho checkbox/radio.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 28: Bạn muốn tạo một trường nhập liệu số lượng sản phẩm, chỉ cho phép nhập số nguyên dương từ 1 đến 100. Bạn nên sử dụng thuộc tính `type` nào và các thuộc tính bổ sung nào của thẻ `` (trong HTML5)?
type='text', pattern='[0-9]+', min='1', max='100'
type='number', step='0', min='1', max='100'
type='integer', range='1-100'
type='number', min='1', max='100'
Câu hỏi yêu cầu áp dụng các thuộc tính HTML5 cho trường nhập liệu số với ràng buộc min/max.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 29: Điều gì xảy ra nếu bạn không chỉ định thuộc tính `method` trong thẻ `
`?
Dữ liệu sẽ được gửi bằng phương thức GET theo mặc định.
Dữ liệu sẽ được gửi bằng phương thức POST theo mặc định.
Trình duyệt sẽ hiển thị lỗi và không gửi form.
Dữ liệu sẽ không được gửi đi.
Câu hỏi kiểm tra hành vi mặc định của form khi thiếu thuộc tính `method`.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 04
Câu 30: Để tạo một nút nhấn thông thường (không tự động gửi form hay reset form, thường dùng để kích hoạt JavaScript), bạn nên sử dụng thuộc tính `type` nào cho thẻ `` hoặc ``?
type='submit'
type='button'
type='action'
type='generic'
Câu hỏi kiểm tra loại input/button không có hành vi mặc định gắn với form.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 05
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 05 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong phát triển web, biểu mẫu (form) đóng vai trò chính là gì?
A. Thu thập thông tin nhập từ người dùng và gửi đến máy chủ.
B. Hiển thị nội dung tĩnh của trang web.
C. Định dạng và trình bày bố cục trang web.
D. Tạo hiệu ứng động cho các thành phần trên trang.
Câu 2: Thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu trong trang web?
A.
B.
C.
D.
Câu 3: Thuộc tính `action` trong thẻ `
` có chức năng gì?
A. Chỉ định phương thức gửi dữ liệu (GET hoặc POST).
B. Chỉ định địa chỉ (URL) nơi dữ liệu biểu mẫu sẽ được gửi đi xử lý.
C. Đặt tên cho biểu mẫu để dễ dàng tham chiếu.
D. Xác định cách dữ liệu được mã hóa trước khi gửi.
Câu 4: Để gửi dữ liệu từ biểu mẫu một cách an toàn hơn, đặc biệt là dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân, phương thức gửi nào thường được ưu tiên sử dụng và tại sao?
A. GET, vì dữ liệu được gắn vào URL dễ kiểm tra.
B. GET, vì dữ liệu được mã hóa tự động.
C. POST, vì dữ liệu không hiển thị trực tiếp trên thanh địa chỉ của trình duyệt.
D. POST, vì phương thức này giới hạn kích thước dữ liệu gửi đi.
Câu 5: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, trình duyệt sẽ sử dụng phương thức gửi dữ liệu mặc định nào?
A. GET
B. POST
C. PUT
D. DELETE
Câu 6: Bạn cần tạo một ô nhập liệu cho phép người dùng nhập một đoạn văn bản dài, có thể xuống dòng. Thành phần biểu mẫu nào phù hợp nhất cho mục đích này?
A.
B.
C.
D.
Câu 7: Để tạo một nhóm các lựa chọn mà người dùng CHỈ ĐƯỢC PHÉP CHỌN MỘT trong số đó (ví dụ: giới tính Nam/Nữ), bạn sẽ sử dụng loại input nào?
A.
B.
C.
D.
Câu 8: Khi sử dụng `
A. name
B. value
C. type
D. id
Câu 9: Bạn muốn tạo một mục cho phép người dùng chọn NHIỀU tùy chọn từ một danh sách (ví dụ: sở thích: đọc sách, nghe nhạc, xem phim). Loại input nào phù hợp nhất?
A.
B.
C.
D.
Câu 10: Thành phần nào trong biểu mẫu HTML được sử dụng để tạo một nút mà khi nhấp vào, sẽ gửi toàn bộ dữ liệu của biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
A.
B.
C.
D.
Câu 11: Xem xét đoạn mã HTML sau:
```html
A. `/submit`
B. `/submit?username=Alice`
C. `/submit?pwd=12345`
D. `/submit?username=Alice&pwd=1245` (Lưu ý: giá trị password trong ví dụ sai chính tả để kiểm tra sự chú ý)
Câu 12: Tại sao việc gửi mật khẩu bằng phương thức GET (như trong Câu 11) lại được coi là không an toàn?
A. Mật khẩu hiển thị rõ trên thanh địa chỉ của trình duyệt và trong lịch sử duyệt web.
B. Dữ liệu gửi bằng GET dễ bị chặn bởi tường lửa.
C. Phương thức GET không hỗ trợ gửi dữ liệu dạng văn bản.
D. Máy chủ không thể xử lý dữ liệu mật khẩu gửi bằng GET.
Câu 13: Để tạo một ô nhập liệu mà nội dung người dùng gõ vào sẽ được hiển thị dưới dạng các ký tự che khuất (ví dụ: dấu * hoặc •), bạn sẽ sử dụng loại input nào?
A.
B.
C.
D.
Câu 14: Thẻ `` trong biểu mẫu HTML có mục đích chính là gì?
A. Liên kết một văn bản mô tả với một thành phần điều khiển trong biểu mẫu (input, textarea, select).
B. Định nghĩa một dòng mới trong biểu mẫu.
C. Tạo một tiêu đề cho toàn bộ biểu mẫu.
D. Hiển thị thông báo lỗi khi người dùng nhập sai dữ liệu.
Câu 15: Để liên kết một thẻ `` với một thẻ ``, thuộc tính `for` của thẻ `` cần có giá trị là gì?
A. Tên (name) của thẻ ``.
B. Giá trị (value) của thẻ ``.
C. Loại (type) của thẻ ``.
D. ID của thẻ ``.
Câu 16: Xem xét đoạn mã sau:
```html
A. Trang web sẽ tải lại.
B. Con trỏ nhập liệu sẽ di chuyển vào ô nhập liệu có `id=
C. Dữ liệu trong ô nhập liệu sẽ bị xóa.
D. Một thông báo lỗi sẽ hiển thị.
Câu 17: Thuộc tính `name` của các thành phần điều khiển trong biểu mẫu (như ``, `
A. Xác định kiểu dữ liệu được phép nhập vào.
B. Đặt nhãn hiển thị bên cạnh thành phần.
C. Là tên tham số (key) để máy chủ nhận biết và truy xuất giá trị của thành phần đó.
D. Chỉ định thứ tự xuất hiện của các thành phần trong biểu mẫu.
Câu 18: Bạn cần tạo một nút cho phép người dùng xóa sạch tất cả dữ liệu đã nhập vào biểu mẫu về trạng thái ban đầu. Loại nút nào sẽ được sử dụng?
A.
B.
C.
D.
Câu 19: Sự khác biệt cơ bản giữa `
A. `button` chỉ dùng cho form, còn `submit` dùng ở bất cứ đâu.
B. `submit` hiển thị văn bản, còn `button` hiển thị hình ảnh.
C. `button` tự động gửi dữ liệu, còn `submit` cần code xử lý.
D. `submit` có chức năng mặc định là gửi biểu mẫu, còn `button` không có chức năng mặc định (thường dùng với JavaScript).
Câu 20: Khi sử dụng phương thức GET để gửi dữ liệu, kích thước dữ liệu gửi đi có bị giới hạn không? Nếu có, nguyên nhân chính là gì?
A. Có, do giới hạn độ dài của URL trên các trình duyệt và máy chủ.
B. Có, do giới hạn dung lượng bộ nhớ của máy khách.
C. Không, phương thức GET có thể gửi bất kỳ lượng dữ liệu nào.
D. Không, trừ khi dữ liệu chứa ký tự đặc biệt.
Câu 21: Bạn đang thiết kế một biểu mẫu đăng ký và muốn người dùng nhập số điện thoại. Loại input nào trong HTML5 là phù hợp nhất để cung cấp gợi ý định dạng hoặc bàn phím số trên thiết bị di động?
A.
B.
C.
D.
Câu 22: Thuộc tính `placeholder` trong thẻ `` hoặc `
A. Đặt giá trị mặc định cho ô nhập liệu khi form được tải.
B. Xác định tên của ô nhập liệu khi gửi dữ liệu.
C. Đặt nhãn hiển thị bên cạnh ô nhập liệu.
D. Hiển thị văn bản gợi ý (ví dụ: định dạng dữ liệu cần nhập) trong ô nhập liệu khi nó trống.
Câu 23: Xem xét đoạn mã sau:
```html
A. Trình duyệt sẽ ngăn việc gửi biểu mẫu và hiển thị thông báo yêu cầu người dùng nhập dữ liệu vào ô.
B. Biểu mẫu sẽ được gửi đi với giá trị `query` là rỗng.
C. Trang web sẽ chuyển hướng đến trang `/search` với thông báo lỗi.
D. Biểu mẫu sẽ tự động điền giá trị mặc định vào ô nhập liệu.
Câu 24: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một tùy chọn từ nhiều lựa chọn có sẵn (ví dụ: chọn tỉnh/thành phố), thẻ HTML nào là phù hợp?
A.
B.
C.
D.
Câu 25: Thẻ nào được sử dụng bên trong thẻ `` để định nghĩa từng tùy chọn riêng lẻ trong danh sách thả xuống?
A.
B.
C.
D.
Câu 26: Giả sử bạn có một biểu mẫu đăng ký và muốn nhóm các trường liên quan đến thông tin cá nhân (Họ tên, Ngày sinh) lại với nhau một cách trực quan. Thẻ HTML nào giúp bạn làm điều này và có thể thêm tiêu đề cho nhóm?
A.
và
B.
và
C.
và
D. và
Câu 27: Thuộc tính `value` trong thẻ `
A. Xác định địa chỉ URL mà form sẽ gửi dữ liệu đến.
B. Xác định văn bản (nhãn) hiển thị trên nút gửi.
C. Xác định tên của nút khi dữ liệu được gửi đi.
D. Xác định giá trị sẽ được gửi đi cùng với tên của nút (nếu có).
Câu 28: Trong trường hợp nào việc sử dụng phương thức GET để gửi dữ liệu từ form là phù hợp?
A. Tìm kiếm thông tin trên website.
B. Gửi thông tin đăng nhập (tên người dùng và mật khẩu).
C. Gửi nội dung bình luận dài.
D. Tải lên một tập tin.
Câu 29: Xem xét đoạn mã sau:
```html
A. Chỉ `username=Bob`.
B. Chỉ `userid=123`.
C. Cả `userid=123` và `username=Bob`, hiển thị trên URL.
D. Cả `userid=123` và `username=Bob`, gửi trong phần thân yêu cầu HTTP.
Câu 30: Mục đích của thuộc tính `disabled` trên một thành phần điều khiển trong biểu mẫu (ví dụ: ``, ``) là gì?
A. Ẩn thành phần khỏi hiển thị trên trang.
B. Đặt giá trị mặc định cho thành phần.
C. Vô hiệu hóa thành phần, ngăn người dùng tương tác và ngăn dữ liệu của nó được gửi đi.
D. Đánh dấu thành phần là bắt buộc phải nhập dữ liệu.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 1: Trong phát triển web, biểu mẫu (form) đóng vai trò chính là gì?
Thu thập thông tin nhập từ người dùng và gửi đến máy chủ.
Hiển thị nội dung tĩnh của trang web.
Định dạng và trình bày bố cục trang web.
Tạo hiệu ứng động cho các thành phần trên trang.
Biểu mẫu web là công cụ để người dùng tương tác với trang web bằng cách nhập và gửi dữ liệu. Câu hỏi kiểm tra khái niệm cơ bản về mục đích của biểu mẫu.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 2: Thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu trong trang web?
<input>
<button>
<label>
<form>
Câu hỏi kiểm tra kiến thức về thẻ HTML cơ bản dùng để khai báo biểu mẫu.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 3: Thuộc tính `action` trong thẻ `
` có chức năng gì?
Chỉ định phương thức gửi dữ liệu (GET hoặc POST).
Chỉ định địa chỉ (URL) nơi dữ liệu biểu mẫu sẽ được gửi đi xử lý.
Đặt tên cho biểu mẫu để dễ dàng tham chiếu.
Xác định cách dữ liệu được mã hóa trước khi gửi.
Thuộc tính `action` xác định URL (địa chỉ) của tài nguyên trên máy chủ sẽ nhận và xử lý dữ liệu được gửi từ biểu mẫu.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 4: Để gửi dữ liệu từ biểu mẫu một cách an toàn hơn, đặc biệt là dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân, phương thức gửi nào thường được ưu tiên sử dụng và tại sao?
GET, vì dữ liệu được gắn vào URL dễ kiểm tra.
GET, vì dữ liệu được mã hóa tự động.
POST, vì dữ liệu không hiển thị trực tiếp trên thanh địa chỉ của trình duyệt.
POST, vì phương thức này giới hạn kích thước dữ liệu gửi đi.
Câu hỏi yêu cầu phân tích và áp dụng kiến thức về phương thức gửi dữ liệu. Phương thức POST gửi dữ liệu trong phần thân của yêu cầu HTTP, không hiển thị trên URL, do đó an toàn hơn cho dữ liệu nhạy cảm so với GET.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 5: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, trình duyệt sẽ sử dụng phương thức gửi dữ liệu mặc định nào?
GET
POST
PUT
DELETE
Kiến thức về thuộc tính mặc định trong HTML form. Phương thức GET là mặc định nếu không có thuộc tính `method` được khai báo.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 6: Bạn cần tạo một ô nhập liệu cho phép người dùng nhập một đoạn văn bản dài, có thể xuống dòng. Thành phần biểu mẫu nào phù hợp nhất cho mục đích này?
<input type="text">
<input type="textarea">
<input type="paragraph">
<textarea>
Câu hỏi yêu cầu áp dụng kiến thức về các loại input. `
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 7: Để tạo một nhóm các lựa chọn mà người dùng CHỈ ĐƯỢC PHÉP CHỌN MỘT trong số đó (ví dụ: giới tính Nam/Nữ), bạn sẽ sử dụng loại input nào?
<input type="checkbox">
<input type="radio">
<input type="button">
<input type="select">
Câu hỏi kiểm tra khả năng áp dụng loại input phù hợp với yêu cầu chọn duy nhất một tùy chọn.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 8: Khi sử dụng `` để tạo một nhóm lựa chọn, thuộc tính nào là BẮT BUỘC phải giống nhau giữa các nút radio trong cùng một nhóm để chúng hoạt động đúng (chỉ cho phép chọn một)?
name
value
type
id
Câu hỏi đi sâu vào cách hoạt động của radio button, yêu cầu phân tích thuộc tính quan trọng nhất để nhóm chúng lại.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 9: Bạn muốn tạo một mục cho phép người dùng chọn NHIỀU tùy chọn từ một danh sách (ví dụ: sở thích: đọc sách, nghe nhạc, xem phim). Loại input nào phù hợp nhất?
<input type="radio">
<input type="text">
<input type="checkbox">
<input type="submit">
Câu hỏi yêu cầu áp dụng loại input phù hợp với yêu cầu chọn nhiều tùy chọn. Checkbox cho phép chọn nhiều hoặc không chọn gì.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 10: Thành phần nào trong biểu mẫu HTML được sử dụng để tạo một nút mà khi nhấp vào, sẽ gửi toàn bộ dữ liệu của biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
<input type="button">
<input type="submit">
<button type="button">
<input type="reset">
Câu hỏi kiểm tra kiến thức về các loại nút trong form và chức năng của nút gửi.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 11: Xem xét đoạn mã HTML sau:
```html
```
Nếu người dùng nhấp vào nút 'Login', dữ liệu được gửi đến `/submit` sẽ trông như thế nào trên thanh địa chỉ của trình duyệt (giả sử không có mã hóa đặc biệt)?
`/submit`
`/submit?username=Alice`
`/submit?pwd=12345`
`/submit?username=Alice&pwd=1245` (Lưu ý: giá trị password trong ví dụ sai chính tả để kiểm tra sự chú ý)
Câu hỏi yêu cầu phân tích đoạn mã form sử dụng phương thức GET và dự đoán định dạng dữ liệu trên URL. Phương thức GET gửi dữ liệu dưới dạng cặp `name=value` nối vào URL sau dấu `?`, cách nhau bởi dấu `&`.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 12: Tại sao việc gửi mật khẩu bằng phương thức GET (như trong Câu 11) lại được coi là không an toàn?
Mật khẩu hiển thị rõ trên thanh địa chỉ của trình duyệt và trong lịch sử duyệt web.
Dữ liệu gửi bằng GET dễ bị chặn bởi tường lửa.
Phương thức GET không hỗ trợ gửi dữ liệu dạng văn bản.
Máy chủ không thể xử lý dữ liệu mật khẩu gửi bằng GET.
Câu hỏi yêu cầu phân tích lý do bảo mật liên quan đến phương thức GET. Mật khẩu hiển thị trên URL có thể bị lộ trong lịch sử trình duyệt, log máy chủ, hoặc bị nhìn trộm.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 13: Để tạo một ô nhập liệu mà nội dung người dùng gõ vào sẽ được hiển thị dưới dạng các ký tự che khuất (ví dụ: dấu * hoặc •), bạn sẽ sử dụng loại input nào?
<input type="text">
<input type="hidden">
<input type="password">
<input type="masked">
Câu hỏi yêu cầu áp dụng loại input phù hợp cho việc nhập mật khẩu hoặc dữ liệu nhạy cảm cần che khuất.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 14: Thẻ `` trong biểu mẫu HTML có mục đích chính là gì?
Liên kết một văn bản mô tả với một thành phần điều khiển trong biểu mẫu (input, textarea, select).
Định nghĩa một dòng mới trong biểu mẫu.
Tạo một tiêu đề cho toàn bộ biểu mẫu.
Hiển thị thông báo lỗi khi người dùng nhập sai dữ liệu.
Câu hỏi kiểm tra kiến thức về thẻ `label` và vai trò của nó trong việc cải thiện khả năng truy cập và trải nghiệm người dùng của biểu mẫu.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 15: Để liên kết một thẻ `` với một thẻ ``, thuộc tính `for` của thẻ `` cần có giá trị là gì?
Tên (name) của thẻ `<input>`.
Giá trị (value) của thẻ `<input>`.
Loại (type) của thẻ `<input>`.
ID của thẻ `<input>`.
Câu hỏi kiểm tra cách sử dụng thuộc tính `for` của thẻ `label` để kết nối nó với một input cụ thể thông qua ID của input đó.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 16: Xem xét đoạn mã sau:
```html
Email:
```
Khi người dùng nhấp vào văn bản 'Email:', điều gì sẽ xảy ra?
Trang web sẽ tải lại.
Con trỏ nhập liệu sẽ di chuyển vào ô nhập liệu có `id="email"`.
Dữ liệu trong ô nhập liệu sẽ bị xóa.
Một thông báo lỗi sẽ hiển thị.
Câu hỏi yêu cầu phân tích tác dụng của việc liên kết `label` với `input` thông qua thuộc tính `for` và `id`. Nhấp vào label sẽ tự động focus vào input được liên kết.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 17: Thuộc tính `name` của các thành phần điều khiển trong biểu mẫu (như ``, `
Xác định kiểu dữ liệu được phép nhập vào.
Đặt nhãn hiển thị bên cạnh thành phần.
Là tên tham số (key) để máy chủ nhận biết và truy xuất giá trị của thành phần đó.
Chỉ định thứ tự xuất hiện của các thành phần trong biểu mẫu.
Câu hỏi kiểm tra hiểu biết về thuộc tính `name`, nó là tên biến sẽ được sử dụng để xác định giá trị của thành phần đó khi dữ liệu được gửi đi.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 18: Bạn cần tạo một nút cho phép người dùng xóa sạch tất cả dữ liệu đã nhập vào biểu mẫu về trạng thái ban đầu. Loại nút nào sẽ được sử dụng?
<input type="reset">
<input type="submit">
<input type="button">
<button type="submit">
Câu hỏi yêu cầu áp dụng kiến thức về các loại nút trong form. Nút reset có chức năng đặt lại form.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 19: Sự khác biệt cơ bản giữa `` và `` là gì?
`button` chỉ dùng cho form, còn `submit` dùng ở bất cứ đâu.
`submit` hiển thị văn bản, còn `button` hiển thị hình ảnh.
`button` tự động gửi dữ liệu, còn `submit` cần code xử lý.
`submit` có chức năng mặc định là gửi biểu mẫu, còn `button` không có chức năng mặc định (thường dùng với JavaScript).
Câu hỏi yêu cầu phân tích chức năng mặc định của hai loại nút. `submit` có chức năng mặc định là gửi form, còn `button` không có chức năng mặc định nào và thường dùng với JavaScript.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 20: Khi sử dụng phương thức GET để gửi dữ liệu, kích thước dữ liệu gửi đi có bị giới hạn không? Nếu có, nguyên nhân chính là gì?
Có, do giới hạn độ dài của URL trên các trình duyệt và máy chủ.
Có, do giới hạn dung lượng bộ nhớ của máy khách.
Không, phương thức GET có thể gửi bất kỳ lượng dữ liệu nào.
Không, trừ khi dữ liệu chứa ký tự đặc biệt.
Câu hỏi yêu cầu phân tích hạn chế của phương thức GET. Dữ liệu GET được gắn vào URL, và URL có giới hạn độ dài.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 21: Bạn đang thiết kế một biểu mẫu đăng ký và muốn người dùng nhập số điện thoại. Loại input nào trong HTML5 là phù hợp nhất để cung cấp gợi ý định dạng hoặc bàn phím số trên thiết bị di động?
<input type="number">
<input type="text">
<input type="tel">
<input type="phone">
Câu hỏi kiểm tra kiến thức về các loại input mới trong HTML5 và ứng dụng của chúng. `type="tel"` được thiết kế cho số điện thoại.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 22: Thuộc tính `placeholder` trong thẻ `` hoặc `
Đặt giá trị mặc định cho ô nhập liệu khi form được tải.
Xác định tên của ô nhập liệu khi gửi dữ liệu.
Đặt nhãn hiển thị bên cạnh ô nhập liệu.
Hiển thị văn bản gợi ý (ví dụ: định dạng dữ liệu cần nhập) trong ô nhập liệu khi nó trống.
Câu hỏi kiểm tra kiến thức về thuộc tính `placeholder`, được dùng để hiển thị văn bản gợi ý trong ô nhập liệu khi nó trống.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 23: Xem xét đoạn mã sau:
```html
```
Nếu người dùng nhấp vào nút 'Tìm kiếm' mà không nhập bất kỳ văn bản nào vào ô nhập liệu, điều gì sẽ xảy ra (trên trình duyệt hỗ trợ HTML5 validation)?
Trình duyệt sẽ ngăn việc gửi biểu mẫu và hiển thị thông báo yêu cầu người dùng nhập dữ liệu vào ô.
Biểu mẫu sẽ được gửi đi với giá trị `query` là rỗng.
Trang web sẽ chuyển hướng đến trang `/search` với thông báo lỗi.
Biểu mẫu sẽ tự động điền giá trị mặc định vào ô nhập liệu.
Câu hỏi kiểm tra khả năng phân tích tác dụng của thuộc tính `required` trong HTML5 validation. Trình duyệt sẽ ngăn việc gửi form và hiển thị thông báo yêu cầu nhập dữ liệu.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 24: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một tùy chọn từ nhiều lựa chọn có sẵn (ví dụ: chọn tỉnh/thành phố), thẻ HTML nào là phù hợp?
<input type="list">
<select>
<datalist>
<options>
Câu hỏi kiểm tra kiến thức về thẻ HTML dùng để tạo danh sách lựa chọn dạng dropdown.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 25: Thẻ nào được sử dụng bên trong thẻ `` để định nghĩa từng tùy chọn riêng lẻ trong danh sách thả xuống?
<option>
<listitem>
<item>
<value>
Câu hỏi kiểm tra kiến thức về cấu trúc của danh sách thả xuống. Thẻ `
` được sử dụng để định nghĩa mỗi mục trong danh sách ``.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 26: Giả sử bạn có một biểu mẫu đăng ký và muốn nhóm các trường liên quan đến thông tin cá nhân (Họ tên, Ngày sinh) lại với nhau một cách trực quan. Thẻ HTML nào giúp bạn làm điều này và có thể thêm tiêu đề cho nhóm?
<div> và <span>
<table> và <tr>
<fieldset> và <legend>
<section> và <h1>
Câu hỏi kiểm tra kiến thức về cách nhóm các thành phần form và đặt tiêu đề cho nhóm đó, cải thiện cấu trúc và khả năng đọc hiểu của form.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 27: Thuộc tính `value` trong thẻ `` có tác dụng gì?
Xác định địa chỉ URL mà form sẽ gửi dữ liệu đến.
Xác định văn bản (nhãn) hiển thị trên nút gửi.
Xác định tên của nút khi dữ liệu được gửi đi.
Xác định giá trị sẽ được gửi đi cùng với tên của nút (nếu có).
Câu hỏi kiểm tra kiến thức về thuộc tính `value` trên nút submit. Nó xác định văn bản hiển thị trên nút đó.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 28: Trong trường hợp nào việc sử dụng phương thức GET để gửi dữ liệu từ form là phù hợp?
Tìm kiếm thông tin trên website.
Gửi thông tin đăng nhập (tên người dùng và mật khẩu).
Gửi nội dung bình luận dài.
Tải lên một tập tin.
Câu hỏi yêu cầu phân tích tình huống sử dụng phù hợp cho phương thức GET. GET thích hợp cho các truy vấn không thay đổi trạng thái máy chủ và không chứa dữ liệu nhạy cảm, như tìm kiếm.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 29: Xem xét đoạn mã sau:
```html
```
Khi form này được gửi đi, dữ liệu nào sẽ được máy chủ nhận (giả sử không có ô nào khác được thêm hoặc sửa đổi)?
Chỉ `username=Bob`.
Chỉ `userid=123`.
Cả `userid=123` và `username=Bob`, hiển thị trên URL.
Cả `userid=123` và `username=Bob`, gửi trong phần thân yêu cầu HTTP.
Câu hỏi yêu cầu phân tích đoạn mã form, bao gồm cả `input type="hidden"`. Tất cả các input có thuộc tính `name` (trừ nút reset/button không có name hoặc không được nhấp) sẽ gửi dữ liệu theo cặp name=value.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 05
Câu 30: Mục đích của thuộc tính `disabled` trên một thành phần điều khiển trong biểu mẫu (ví dụ: ``, ``) là gì?
Ẩn thành phần khỏi hiển thị trên trang.
Đặt giá trị mặc định cho thành phần.
Vô hiệu hóa thành phần, ngăn người dùng tương tác và ngăn dữ liệu của nó được gửi đi.
Đánh dấu thành phần là bắt buộc phải nhập dữ liệu.
Câu hỏi kiểm tra kiến thức về thuộc tính `disabled`, được dùng để vô hiệu hóa thành phần, ngăn người dùng tương tác và ngăn dữ liệu của nó được gửi đi.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 06
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 06 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong phát triển web, biểu mẫu (form) có vai trò chính là gì?
A. Hiển thị nội dung tĩnh của trang web.
B. Trang trí giao diện cho website bắt mắt hơn.
C. Định nghĩa cấu trúc tổng thể của trang web.
D. Cho phép người dùng nhập và gửi dữ liệu tương tác với trang web.
Câu 2: Để tạo một biểu mẫu HTML, chúng ta sử dụng thẻ nào sau đây?
A.
B.
C.
D.
Câu 3: Thuộc tính `action` trong thẻ `
` dùng để chỉ định điều gì?
A. Địa chỉ (URL) của trang web hoặc kịch bản sẽ xử lý dữ liệu biểu mẫu.
B. Phương thức gửi dữ liệu (GET hoặc POST).
C. Tên của biểu mẫu để tham chiếu.
D. Kiểu mã hóa dữ liệu trước khi gửi.
Câu 4: Thuộc tính `method` trong thẻ `
` dùng để chỉ định điều gì?
A. Tiêu đề của biểu mẫu.
B. Số lượng trường nhập liệu trong biểu mẫu.
C. Địa chỉ trang nhận dữ liệu.
D. Phương thức HTTP được sử dụng để gửi dữ liệu biểu mẫu (ví dụ: GET, POST).
Câu 5: Khi sử dụng phương thức gửi dữ liệu `GET`, dữ liệu biểu mẫu sẽ được truyền đi như thế nào?
A. Trong phần thân (body) của yêu cầu HTTP, không hiển thị trên URL.
B. Đính kèm vào cuối URL dưới dạng các cặp tên-giá trị, hiển thị trên thanh địa chỉ.
C. Được mã hóa hoàn toàn và gửi riêng biệt.
D. Chỉ gửi tên các trường, không gửi giá trị.
Câu 6: Phương thức gửi dữ liệu `POST` thường được ưu tiên sử dụng trong trường hợp nào?
A. Khi cần chia sẻ liên kết chứa dữ liệu biểu mẫu.
B. Khi gửi dữ liệu không quan trọng, có thể hiển thị công khai.
C. Khi gửi dữ liệu nhạy cảm (ví dụ: mật khẩu, thông tin cá nhân) hoặc dữ liệu có dung lượng lớn.
D. Khi muốn dữ liệu được lưu lại trong lịch sử trình duyệt.
Câu 7: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, trình duyệt sẽ sử dụng phương thức gửi dữ liệu mặc định nào?
A. GET
B. POST
C. PUT
D. Không gửi dữ liệu
Câu 8: Để tạo một ô nhập liệu văn bản một dòng cho người dùng nhập tên, bạn sẽ sử dụng thẻ và thuộc tính nào?
A.
B.
C.
D.
Câu 9: Bạn cần một vùng nhập liệu cho phép người dùng viết một đoạn bình luận dài. Thành phần biểu mẫu phù hợp nhất cho mục đích này là gì?
A.
B.
C.
D.
Câu 10: Để tạo một nút mà khi người dùng nhấp vào sẽ gửi dữ liệu của biểu mẫu đi, bạn có thể sử dụng thẻ nào?
A.
B.
C.
D.
Câu 11: Thẻ `
A. Nó chỉ cho phép nhập số.
B. Nó có kích thước cố định.
C. Các ký tự nhập vào thường bị che (ví dụ: hiển thị dấu * hoặc •).
D. Nó tự động kiểm tra độ mạnh của mật khẩu.
Câu 12: Bạn muốn người dùng chỉ được chọn MỘT trong số các lựa chọn về giới tính (Nam, Nữ, Khác). Bạn nên sử dụng loại input nào?
A.
B.
C.
D.
Câu 13: Để nhóm các nút radio lại với nhau sao cho chỉ có thể chọn một nút trong nhóm, chúng phải có cùng thuộc tính nào?
A. id
B. value
C. type
D. name
Câu 14: Bạn muốn người dùng có thể chọn NHIỀU sở thích từ một danh sách (ví dụ: Đọc sách, Nghe nhạc, Chơi game). Bạn nên sử dụng loại input nào?
A.
B.
C.
D.
Câu 15: Thuộc tính `value` trong thẻ `` (đặc biệt với type=
A. Văn bản hiển thị bên cạnh ô input.
B. Tên của trường dữ liệu.
C. Giá trị được gửi đến máy chủ khi phần tử này được chọn hoặc nhập.
D. Giá trị mặc định hiển thị trong ô nhập liệu ban đầu.
Câu 16: Xem đoạn mã HTML sau: `
A. Hiển thị văn bản gợi ý trong ô nhập liệu khi ô trống.
B. Đặt giá trị mặc định cho ô nhập liệu.
C. Đặt tên cho trường dữ liệu.
D. Xác định kiểu dữ liệu được phép nhập.
Câu 17: Thuộc tính `name` trong các thẻ input (``, `
A. Nó xác định kiểu hiển thị của phần tử.
B. Nó được sử dụng làm tên biến để truy cập giá trị của phần tử khi dữ liệu được gửi đến máy chủ.
C. Nó đặt nhãn (label) cho phần tử trên giao diện.
D. Nó quyết định thứ tự hiển thị của các phần tử.
Câu 18: Bạn muốn tạo một nút mà khi người dùng nhấp vào, tất cả các trường trong biểu mẫu sẽ được đặt lại về giá trị ban đầu. Bạn sẽ sử dụng loại input nào?
A.
B.
C.
D.
Câu 19: Xem đoạn mã HTML: `
A. `/submit?username=admin`
B. Chỉ gửi chuỗi "admin"
C. Chỉ gửi tên "username"
D. Gửi dữ liệu trong phần thân yêu cầu POST, với cặp tên-giá trị `username=admin`.
Câu 20: Xem đoạn mã HTML: `
A. `/search`
B. `/search?query=Tin+hoc` (hoặc tương tự)
C. `/search#query=Tin+hoc`
D. Không có gì thay đổi trên thanh địa chỉ.
Câu 21: Mục đích của việc sử dụng thẻ `` kết hợp với các trường nhập liệu trong biểu mẫu là gì?
A. Cung cấp nhãn mô tả cho trường nhập liệu và cải thiện khả năng truy cập (accessibility).
B. Đặt tên cho trường dữ liệu để gửi đi.
C. Xác định kiểu dữ liệu của trường nhập liệu.
D. Tạo đường viền cho trường nhập liệu.
Câu 22: Để liên kết một thẻ `` với một thẻ ``, chúng ta sử dụng thuộc tính nào của thẻ `` và thuộc tính nào của thẻ ``?
A. `name` của `` và `name` của ``.
B. `value` của `` và `value` của ``.
C. `for` của `` và `id` của ``.
D. `type` của `` và `type` của ``.
Câu 23: Một biểu mẫu cần có một trường để người dùng nhập số lượng sản phẩm (chỉ cho phép số nguyên dương). Loại input nào sau đây phù hợp nhất và hỗ trợ kiểm tra cơ bản trên trình duyệt?
A.
B.
C.
D.
Câu 24: Xem xét tình huống: Bạn tạo một form đăng ký, nhưng người dùng không điền vào ô "Địa chỉ Email". Nếu bạn muốn trình duyệt yêu cầu người dùng điền thông tin vào ô này trước khi gửi form, bạn cần thêm thuộc tính nào vào thẻ `
A. required
B. placeholder
C. value
D. name
Câu 25: Đâu là điểm khác biệt chính về cách dữ liệu được gửi giữa phương thức GET và POST?
A. GET gửi dữ liệu nhanh hơn POST.
B. GET chỉ dùng cho văn bản, POST dùng cho mọi loại dữ liệu.
C. GET gửi dữ liệu trong URL (hiển thị), POST gửi trong phần thân yêu cầu (không hiển thị trên URL).
D. GET có giới hạn kích thước dữ liệu lớn hơn POST.
Câu 26: Bạn muốn tạo một danh sách thả xuống (dropdown list) cho người dùng chọn Tỉnh/Thành phố. Bạn sẽ sử dụng thẻ HTML nào để chứa các lựa chọn?
A.
B.
C.
D.
Câu 27: Trong thẻ ``, mỗi lựa chọn trong danh sách thả xuống được định nghĩa bằng thẻ nào?
A.
B.
C.
D.
Câu 28: Thuộc tính `value` trong thẻ `
` của danh sách `` có ý nghĩa gì?
A. Văn bản hiển thị cho người dùng trong danh sách.
B. Thứ tự của lựa chọn trong danh sách.
C. Tên của danh sách thả xuống.
D. Giá trị được gửi đến máy chủ nếu lựa chọn này được chọn.
Câu 29: Khi thiết kế một biểu mẫu web, việc đặt tên (sử dụng thuộc tính `name`) cho các trường nhập liệu là bắt buộc đối với các trường mà bạn muốn dữ liệu của chúng được gửi đến máy chủ. Phát biểu này ĐÚNG hay SAI?
A. ĐÚNG
B. SAI
Câu 30: Bạn tạo một biểu mẫu đăng nhập với hai trường: "Tên đăng nhập" và "Mật khẩu". Bạn muốn khi người dùng nhấn Enter sau khi điền mật khẩu, biểu mẫu sẽ tự động được gửi đi mà không cần nhấp vào nút "Đăng nhập". Điều này có thể thực hiện được một cách tự nhiên với cấu trúc HTML biểu mẫu cơ bản không?
A. Có, đây là hành vi mặc định của trình duyệt khi có ít nhất một trường nhập liệu văn bản và một nút submit trong form.
B. Không, cần sử dụng JavaScript để bắt sự kiện nhấn phím Enter và gọi hàm gửi form.
C. Chỉ có thể làm được nếu trường mật khẩu là trường cuối cùng trong form.
D. Chỉ có thể làm được với phương thức gửi dữ liệu GET.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 1: Trong phát triển web, biểu mẫu (form) có vai trò chính là gì?
Câu hỏi kiểm tra hiểu biết về mục đích cơ bản của biểu mẫu web - thu thập thông tin từ người dùng để xử lý.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 2: Để tạo một biểu mẫu HTML, chúng ta sử dụng thẻ nào sau đây?
Câu hỏi kiểm tra kiến thức cơ bản về thẻ HTML dùng để định nghĩa một biểu mẫu.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 3: Thuộc tính `action` trong thẻ `
` dùng để chỉ định điều gì?
Câu hỏi kiểm tra chức năng của thuộc tính `action` - nơi dữ liệu biểu mẫu sẽ được gửi đến để xử lý.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 4: Thuộc tính `method` trong thẻ `
` dùng để chỉ định điều gì?
Câu hỏi kiểm tra chức năng của thuộc tính `method` - cách thức dữ liệu được gửi (GET hoặc POST).
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 5: Khi sử dụng phương thức gửi dữ liệu `GET`, dữ liệu biểu mẫu sẽ được truyền đi như thế nào?
Câu hỏi phân tích cách thức hoạt động của phương thức GET - dữ liệu được đính kèm vào URL.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 6: Phương thức gửi dữ liệu `POST` thường được ưu tiên sử dụng trong trường hợp nào?
Câu hỏi yêu cầu áp dụng kiến thức về phương thức POST vào tình huống thực tế - phù hợp cho dữ liệu nhạy cảm hoặc lớn.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 7: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, trình duyệt sẽ sử dụng phương thức gửi dữ liệu mặc định nào?
Câu hỏi kiểm tra kiến thức về giá trị mặc định của thuộc tính `method`.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 8: Để tạo một ô nhập liệu văn bản một dòng cho người dùng nhập tên, bạn sẽ sử dụng thẻ và thuộc tính nào?
Câu hỏi yêu cầu áp dụng kiến thức về thẻ `` và thuộc tính `type` để tạo ô nhập liệu văn bản.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 9: Bạn cần một vùng nhập liệu cho phép người dùng viết một đoạn bình luận dài. Thành phần biểu mẫu phù hợp nhất cho mục đích này là gì?
Câu hỏi yêu cầu lựa chọn thành phần biểu mẫu phù hợp với yêu cầu nhập liệu văn bản đa dòng.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 10: Để tạo một nút mà khi người dùng nhấp vào sẽ gửi dữ liệu của biểu mẫu đi, bạn có thể sử dụng thẻ nào?
Câu hỏi kiểm tra các cách khác nhau để tạo nút gửi dữ liệu trong biểu mẫu.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 11: Thẻ `` được sử dụng để tạo ô nhập liệu mật khẩu. Điểm khác biệt chính về hiển thị của nó so với `` là gì?
Câu hỏi phân tích sự khác biệt về hiển thị giữa hai loại input phổ biến.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 12: Bạn muốn người dùng chỉ được chọn MỘT trong số các lựa chọn về giới tính (Nam, Nữ, Khác). Bạn nên sử dụng loại input nào?
Câu hỏi yêu cầu áp dụng kiến thức về các loại input vào tình huống cụ thể - chọn một trong nhiều.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 13: Để nhóm các nút radio lại với nhau sao cho chỉ có thể chọn một nút trong nhóm, chúng phải có cùng thuộc tính nào?
Câu hỏi kiểm tra hiểu biết sâu hơn về cách hoạt động của radio button - yêu cầu cùng thuộc tính `name`.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 14: Bạn muốn người dùng có thể chọn NHIỀU sở thích từ một danh sách (ví dụ: Đọc sách, Nghe nhạc, Chơi game). Bạn nên sử dụng loại input nào?
Câu hỏi yêu cầu áp dụng kiến thức về các loại input vào tình huống cụ thể - chọn nhiều.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 15: Thuộc tính `value` trong thẻ `` (đặc biệt với type="radio" hoặc type="checkbox") có ý nghĩa gì?
Câu hỏi kiểm tra chức năng của thuộc tính `value` - giá trị thực tế được gửi đi khi phần tử được chọn/nhập.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 16: Xem đoạn mã HTML sau: ``. Thuộc tính `placeholder` có tác dụng gì?
Câu hỏi yêu cầu phân tích tác dụng của thuộc tính `placeholder` trong một đoạn mã cụ thể.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 17: Thuộc tính `name` trong các thẻ input (``, `
Câu hỏi phân tích tầm quan trọng của thuộc tính `name` - dùng để xác định dữ liệu khi gửi đến máy chủ.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 18: Bạn muốn tạo một nút mà khi người dùng nhấp vào, tất cả các trường trong biểu mẫu sẽ được đặt lại về giá trị ban đầu. Bạn sẽ sử dụng loại input nào?
Câu hỏi yêu cầu áp dụng kiến thức về các loại input button vào chức năng cụ thể - reset form.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 19: Xem đoạn mã HTML: `
`. Khi người dùng nhập 'admin' vào ô username và nhấn nút 'Gửi', dữ liệu nào có khả năng cao nhất được gửi đến địa chỉ `/submit`?
Câu hỏi phân tích cách dữ liệu được gửi đi dựa trên `method` và `name`/`value` của input.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 20: Xem đoạn mã HTML: `
`. Nếu người dùng nhập 'Tin học' vào ô tìm kiếm và nhấn nút 'Tìm kiếm', URL trên thanh địa chỉ có khả năng sẽ trông như thế nào (sau khi gửi)?
Câu hỏi phân tích cách dữ liệu được gửi đi bằng phương thức GET và ảnh hưởng của nó đến URL.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 21: Mục đích của việc sử dụng thẻ `` kết hợp với các trường nhập liệu trong biểu mẫu là gì?
Câu hỏi kiểm tra hiểu biết về mục đích của thẻ `` - cải thiện khả năng truy cập và trải nghiệm người dùng.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 22: Để liên kết một thẻ `` với một thẻ ``, chúng ta sử dụng thuộc tính nào của thẻ `` và thuộc tính nào của thẻ ``?
Câu hỏi kiểm tra cách liên kết label và input bằng thuộc tính `for` và `id`.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 23: Một biểu mẫu cần có một trường để người dùng nhập số lượng sản phẩm (chỉ cho phép số nguyên dương). Loại input nào sau đây phù hợp nhất và hỗ trợ kiểm tra cơ bản trên trình duyệt?
Câu hỏi yêu cầu lựa chọn loại input phù hợp với yêu cầu nhập liệu số và có sẵn tính năng kiểm tra.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 24: Xem xét tình huống: Bạn tạo một form đăng ký, nhưng người dùng không điền vào ô 'Địa chỉ Email'. Nếu bạn muốn trình duyệt yêu cầu người dùng điền thông tin vào ô này trước khi gửi form, bạn cần thêm thuộc tính nào vào thẻ ``?
Câu hỏi kiểm tra khả năng áp dụng thuộc tính `required` để bắt buộc nhập liệu.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 25: Đâu là điểm khác biệt chính về cách dữ liệu được gửi giữa phương thức GET và POST?
Câu hỏi so sánh và phân biệt hai phương thức gửi dữ liệu chính dựa trên cách đóng gói và truyền dữ liệu.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 26: Bạn muốn tạo một danh sách thả xuống (dropdown list) cho người dùng chọn Tỉnh/Thành phố. Bạn sẽ sử dụng thẻ HTML nào để chứa các lựa chọn?
Câu hỏi kiểm tra kiến thức về thẻ `` dùng để tạo danh sách lựa chọn.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 27: Trong thẻ ``, mỗi lựa chọn trong danh sách thả xuống được định nghĩa bằng thẻ nào?
Câu hỏi kiểm tra kiến thức về thẻ `
` dùng để định nghĩa từng mục trong danh sách ``.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 28: Thuộc tính `value` trong thẻ `
` của danh sách `` có ý nghĩa gì?
Câu hỏi kiểm tra chức năng của thuộc tính `value` trong thẻ `
` - giá trị thực tế được gửi đi khi tùy chọn đó được chọn.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 29: Khi thiết kế một biểu mẫu web, việc đặt tên (sử dụng thuộc tính `name`) cho các trường nhập liệu là bắt buộc đối với các trường mà bạn muốn dữ liệu của chúng được gửi đến máy chủ. Phát biểu này ĐÚNG hay SAI?
Câu hỏi kiểm tra hiểu biết về vai trò thiết yếu của thuộc tính `name` trong việc truyền dữ liệu biểu mẫu.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 06
Câu 30: Bạn tạo một biểu mẫu đăng nhập với hai trường: 'Tên đăng nhập' và 'Mật khẩu'. Bạn muốn khi người dùng nhấn Enter sau khi điền mật khẩu, biểu mẫu sẽ tự động được gửi đi mà không cần nhấp vào nút 'Đăng nhập'. Điều này có thể thực hiện được một cách tự nhiên với cấu trúc HTML biểu mẫu cơ bản không?
Câu hỏi kiểm tra hiểu biết về hành vi mặc định của biểu mẫu HTML khi có trường input text/password và nút submit.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 07
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 07 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Mục đích chính của việc sử dụng biểu mẫu (form) trong một trang web là gì?
A. Để hiển thị nội dung tĩnh cho người dùng xem.
B. Để định dạng bố cục và màu sắc của trang web.
C. Để thu thập thông tin đầu vào từ người dùng và gửi đến máy chủ.
D. Để tạo hiệu ứng động cho các phần tử trên trang.
Câu 2: Khi tạo một biểu mẫu HTML, thẻ nào được sử dụng để bao bọc tất cả các thành phần nhập liệu và định nghĩa biểu mẫu?
A.
B.
C.
D.
Câu 3: Thuộc tính `action` trong thẻ `
` có chức năng gì?
A. Chỉ định phương thức gửi dữ liệu (GET hoặc POST).
B. Chỉ định URL của trang hoặc kịch bản sẽ xử lý dữ liệu biểu mẫu.
C. Đặt tên cho biểu mẫu để tham chiếu bằng JavaScript.
D. Xác định cách dữ liệu được mã hóa trước khi gửi.
Câu 4: Có hai phương thức chính để gửi dữ liệu biểu mẫu là GET và POST. Phương thức nào thường được sử dụng khi dữ liệu cần gửi đi là nhạy cảm (ví dụ: mật khẩu) hoặc có kích thước lớn?
A. POST
B. GET
C. Cả hai đều như nhau về mặt bảo mật và kích thước.
D. PUT
Câu 5: Đặc điểm nào sau đây mô tả đúng phương thức gửi dữ liệu GET?
A. Dữ liệu được gửi trong phần thân (body) của yêu cầu HTTP.
B. Thường được dùng để gửi dữ liệu nhạy cảm.
C. Dữ liệu được đính kèm vào URL dưới dạng các cặp tên-giá trị.
D. Không có giới hạn về kích thước dữ liệu gửi đi.
Câu 6: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, trình duyệt sẽ sử dụng phương thức gửi dữ liệu mặc định nào?
A. POST
B. GET
C. PUT
D. DELETE
Câu 7: Để tạo một ô nhập liệu văn bản một dòng (ví dụ: nhập tên, email) trong biểu mẫu, chúng ta sử dụng thẻ và thuộc tính `type` nào?
A.
B.
C.
D.
Câu 8: Thẻ `
A. Ô nhập liệu văn bản đa dòng (vùng văn bản lớn).
B. Ô nhập liệu văn bản một dòng.
C. Nút nhấn.
D. Hộp chọn (checkbox).
Câu 9: Khi cần tạo một nhóm các tùy chọn mà người dùng CHỈ CÓ THỂ CHỌN MỘT trong số đó (ví dụ: giới tính), loại `type` nào của thẻ `` nên được sử dụng?
A. checkbox
B. text
C. radio
D. submit
Câu 10: Để cho phép người dùng chọn NHIỀU tùy chọn từ một danh sách (ví dụ: sở thích), loại `type` nào của thẻ `` nên được sử dụng?
A. checkbox
B. radio
C. submit
D. button
Câu 11: Thẻ hoặc thuộc tính nào được sử dụng để tạo một nút mà khi nháy vào sẽ gửi dữ liệu của biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
A.
B.
C.
D.
Câu 12: Thuộc tính `name` của các thành phần nhập liệu (, ,
A. Xác định kiểu dữ liệu được nhập vào.
B. Cung cấp tên để máy chủ nhận diện và truy cập giá trị của trường đó.
C. Đặt nhãn hiển thị cho trường nhập liệu trên trang web.
D. Xác định thứ tự hiển thị của các trường nhập liệu.
Câu 13: Một form có mã HTML như sau: `
`. Nếu người dùng nhập "alice" vào ô username và nhấn "Gửi", URL trên thanh địa chỉ của trình duyệt sau khi gửi sẽ có dạng như thế nào?
A. `/process.php`
B. `/process.php?alice`
C. `/process.php?username=alice`
D. `/process.php?value=alice`
Câu 14: Để tạo một ô nhập liệu mà các ký tự người dùng gõ vào được hiển thị dưới dạng dấu chấm tròn hoặc dấu sao (thường dùng cho mật khẩu), thuộc tính `type` nào của thẻ `` nên được sử dụng?
A. password
B. text
C. hidden
D. mask
Câu 15: Thẻ `` được sử dụng trong biểu mẫu với mục đích chính là gì?
A. Tạo một dòng phân cách giữa các trường nhập liệu.
B. Gắn kết văn bản mô tả với một thành phần nhập liệu, giúp người dùng và công cụ hỗ trợ truy cập dễ hiểu hơn.
C. Định nghĩa một nhóm các trường nhập liệu liên quan.
D. Đặt giá trị mặc định cho trường nhập liệu.
Câu 16: Để liên kết một thẻ `` với một thẻ ``, thuộc tính nào của thẻ `` được sử dụng và giá trị của nó phải tương ứng với thuộc tính nào của thẻ ``?
A. Thuộc tính `name` của `` với thuộc tính `name` của ``.
B. Thuộc tính `value` của `` với thuộc tính `id` của ``.
C. Thuộc tính `for` của `` với thuộc tính `id` của ``.
D. Thuộc tính `id` của `` với thuộc tính `name` của ``.
Câu 17: Một form cần có một danh sách thả xuống cho phép người dùng chọn một mục duy nhất (ví dụ: Chọn tỉnh/thành phố). Cặp thẻ HTML nào sau đây được sử dụng để tạo danh sách này?
A.
và
B.
C. và
D. và
Câu 18: Thẻ `` được sử dụng để tạo một nút có chức năng gì khi được nháy vào?
A. Xóa hoặc đặt lại tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu.
B. Gửi dữ liệu biểu mẫu đến máy chủ.
C. Thực hiện một hành động tùy chỉnh bằng JavaScript.
D. Tải lại trang web.
Câu 19: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `placeholder` trong các trường nhập liệu văn bản (``, `
A. Đặt giá trị mặc định sẽ được gửi đi nếu người dùng không nhập gì.
B. Giới hạn số ký tự tối đa có thể nhập.
C. Hiển thị văn bản gợi ý hoặc mô tả ngắn gọn về thông tin cần nhập, sẽ biến mất khi người dùng bắt đầu gõ.
D. Bắt buộc người dùng phải nhập dữ liệu vào trường này.
Câu 20: Thuộc tính boolean `required` có thể được thêm vào các thẻ input (``, ``, `
A. Bắt buộc người dùng phải điền thông tin vào trường này trước khi gửi biểu mẫu.
B. Ngăn không cho người dùng chỉnh sửa nội dung của trường.
C. Tự động điền giá trị vào trường khi trang tải.
D. Hiển thị trường này dưới dạng chỉ đọc.
Câu 21: Một biểu mẫu cần cho phép người dùng tải lên một tệp (file) từ máy tính của họ. Loại `type` nào của thẻ `` nên được sử dụng cho mục đích này?
A. text
B. url
C. submit
D. file
Câu 22: Khi sử dụng `` để cho phép tải lên tệp, thuộc tính `method` của thẻ `
` thường được đặt là POST. Ngoài ra, thuộc tính `enctype` của thẻ `
` cần được đặt giá trị cụ thể nào để đảm bảo tệp được gửi đi đúng cách?
A. application/x-www-form-urlencoded
B. multipart/form-data
C. text/plain
D. application/json
Câu 23: Thẻ `` được sử dụng để làm gì trong biểu mẫu?
A. Lưu trữ dữ liệu cần gửi đi cùng biểu mẫu nhưng không hiển thị hoặc cho phép người dùng chỉnh sửa.
B. Tạo một vùng trống trong biểu mẫu.
C. Ẩn toàn bộ biểu mẫu khỏi người dùng.
D. Tạo một nút nhấn ẩn.
Câu 24: Để đặt giá trị mặc định cho một trường nhập liệu văn bản (``) hoặc một vùng văn bản (`
A. placeholder
B. default
C. value
D. initial
Câu 25: Khi sử dụng các nút radio (``) trong một nhóm, thuộc tính nào phải có giá trị GIỐNG NHAU cho tất cả các nút trong cùng nhóm để đảm bảo chỉ có thể chọn một tùy chọn?
A. id
B. name
C. value
D. type
Câu 26: Để tạo một ô nhập liệu chỉ chấp nhận địa chỉ email và cung cấp xác thực cơ bản ở phía trình duyệt (nếu trình duyệt hỗ trợ), loại `type` nào của thẻ `` nên được sử dụng?
A. email
B. text
C. mail
D. url
Câu 27: Thẻ `
` và `
Câu 28: Thuộc tính `disabled` khi thêm vào một thành phần nhập liệu (``, ``, `
A. Ẩn hoàn toàn thành phần đó khỏi trang web.
B. Vô hiệu hóa thành phần, không cho phép người dùng tương tác (nhập, chọn, nháy) và giá trị của nó sẽ không được gửi cùng biểu mẫu.
C. Làm cho thành phần chỉ hiển thị giá trị mà không cho phép chỉnh sửa (chỉ đọc).
D. Bắt buộc người dùng phải nhập dữ liệu vào thành phần đó.
Câu 29: Trong một thẻ ``, thuộc tính `selected` được thêm vào thẻ `
A. Đặt tùy chọn đó làm mục được chọn mặc định khi trang web được tải.
B. Làm cho tùy chọn đó không thể chọn được.
C. Tô sáng tùy chọn đó khi người dùng di chuột qua.
D. Bắt buộc người dùng phải chọn tùy chọn này.
Câu 30: Xét đoạn mã HTML sau: `
C. Biểu mẫu sẽ được đặt lại về trạng thái ban đầu.
D. Trang web sẽ tải lại.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 1: Mục đích chính của việc sử dụng biểu mẫu (form) trong một trang web là gì?
Để hiển thị nội dung tĩnh cho người dùng xem.
Để định dạng bố cục và màu sắc của trang web.
Để thu thập thông tin đầu vào từ người dùng và gửi đến máy chủ.
Để tạo hiệu ứng động cho các phần tử trên trang.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 2: Khi tạo một biểu mẫu HTML, thẻ nào được sử dụng để bao bọc tất cả các thành phần nhập liệu và định nghĩa biểu mẫu?
<form>
<div>
<table>
<input>
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 3: Thuộc tính `action` trong thẻ `
` có chức năng gì?
Chỉ định phương thức gửi dữ liệu (GET hoặc POST).
Chỉ định URL của trang hoặc kịch bản sẽ xử lý dữ liệu biểu mẫu.
Đặt tên cho biểu mẫu để tham chiếu bằng JavaScript.
Xác định cách dữ liệu được mã hóa trước khi gửi.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 4: Có hai phương thức chính để gửi dữ liệu biểu mẫu là GET và POST. Phương thức nào thường được sử dụng khi dữ liệu cần gửi đi là nhạy cảm (ví dụ: mật khẩu) hoặc có kích thước lớn?
POST
GET
Cả hai đều như nhau về mặt bảo mật và kích thước.
PUT
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 5: Đặc điểm nào sau đây mô tả đúng phương thức gửi dữ liệu GET?
Dữ liệu được gửi trong phần thân (body) của yêu cầu HTTP.
Thường được dùng để gửi dữ liệu nhạy cảm.
Dữ liệu được đính kèm vào URL dưới dạng các cặp tên-giá trị.
Không có giới hạn về kích thước dữ liệu gửi đi.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 6: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, trình duyệt sẽ sử dụng phương thức gửi dữ liệu mặc định nào?
POST
GET
PUT
DELETE
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 7: Để tạo một ô nhập liệu văn bản một dòng (ví dụ: nhập tên, email) trong biểu mẫu, chúng ta sử dụng thẻ và thuộc tính `type` nào?
<textarea>
<input type='submit'>
<button>
<input type='text'>
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 8: Thẻ `
Ô nhập liệu văn bản đa dòng (vùng văn bản lớn).
Ô nhập liệu văn bản một dòng.
Nút nhấn.
Hộp chọn (checkbox).
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 9: Khi cần tạo một nhóm các tùy chọn mà người dùng CHỈ CÓ THỂ CHỌN MỘT trong số đó (ví dụ: giới tính), loại `type` nào của thẻ `` nên được sử dụng?
checkbox
text
radio
submit
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 10: Để cho phép người dùng chọn NHIỀU tùy chọn từ một danh sách (ví dụ: sở thích), loại `type` nào của thẻ `` nên được sử dụng?
checkbox
radio
submit
button
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 11: Thẻ hoặc thuộc tính nào được sử dụng để tạo một nút mà khi nháy vào sẽ gửi dữ liệu của biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`?
<button type='button'>
<input type='reset'>
<input type='button'>
<input type='submit'>
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 12: Thuộc tính `name` của các thành phần nhập liệu (, ,
Xác định kiểu dữ liệu được nhập vào.
Cung cấp tên để máy chủ nhận diện và truy cập giá trị của trường đó.
Đặt nhãn hiển thị cho trường nhập liệu trên trang web.
Xác định thứ tự hiển thị của các trường nhập liệu.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 13: Một form có mã HTML như sau: `
`. Nếu người dùng nhập 'alice' vào ô username và nhấn 'Gửi', URL trên thanh địa chỉ của trình duyệt sau khi gửi sẽ có dạng như thế nào?
`/process.php`
`/process.php?alice`
`/process.php?username=alice`
`/process.php?value=alice`
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 14: Để tạo một ô nhập liệu mà các ký tự người dùng gõ vào được hiển thị dưới dạng dấu chấm tròn hoặc dấu sao (thường dùng cho mật khẩu), thuộc tính `type` nào của thẻ `` nên được sử dụng?
password
text
hidden
mask
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 15: Thẻ `` được sử dụng trong biểu mẫu với mục đích chính là gì?
Tạo một dòng phân cách giữa các trường nhập liệu.
Gắn kết văn bản mô tả với một thành phần nhập liệu, giúp người dùng và công cụ hỗ trợ truy cập dễ hiểu hơn.
Định nghĩa một nhóm các trường nhập liệu liên quan.
Đặt giá trị mặc định cho trường nhập liệu.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 16: Để liên kết một thẻ `` với một thẻ ``, thuộc tính nào của thẻ `` được sử dụng và giá trị của nó phải tương ứng với thuộc tính nào của thẻ ``?
Thuộc tính `name` của `<label>` với thuộc tính `name` của `<input>`.
Thuộc tính `value` của `<label>` với thuộc tính `id` của `<input>`.
Thuộc tính `for` của `<label>` với thuộc tính `id` của `<input>`.
Thuộc tính `id` của `<label>` với thuộc tính `name` của `<input>`.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 17: Một form cần có một danh sách thả xuống cho phép người dùng chọn một mục duy nhất (ví dụ: Chọn tỉnh/thành phố). Cặp thẻ HTML nào sau đây được sử dụng để tạo danh sách này?
<ul> và <li>
<input type='list'>
<radio> và <option>
<select> và <option>
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 18: Thẻ `` được sử dụng để tạo một nút có chức năng gì khi được nháy vào?
Xóa hoặc đặt lại tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu.
Gửi dữ liệu biểu mẫu đến máy chủ.
Thực hiện một hành động tùy chỉnh bằng JavaScript.
Tải lại trang web.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 19: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `placeholder` trong các trường nhập liệu văn bản (``, `
Đặt giá trị mặc định sẽ được gửi đi nếu người dùng không nhập gì.
Giới hạn số ký tự tối đa có thể nhập.
Hiển thị văn bản gợi ý hoặc mô tả ngắn gọn về thông tin cần nhập, sẽ biến mất khi người dùng bắt đầu gõ.
Bắt buộc người dùng phải nhập dữ liệu vào trường này.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 20: Thuộc tính boolean `required` có thể được thêm vào các thẻ input (``, ``, `
Bắt buộc người dùng phải điền thông tin vào trường này trước khi gửi biểu mẫu.
Ngăn không cho người dùng chỉnh sửa nội dung của trường.
Tự động điền giá trị vào trường khi trang tải.
Hiển thị trường này dưới dạng chỉ đọc.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 21: Một biểu mẫu cần cho phép người dùng tải lên một tệp (file) từ máy tính của họ. Loại `type` nào của thẻ `` nên được sử dụng cho mục đích này?
text
url
submit
file
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 22: Khi sử dụng `` để cho phép tải lên tệp, thuộc tính `method` của thẻ `
` thường được đặt là POST. Ngoài ra, thuộc tính `enctype` của thẻ `
` cần được đặt giá trị cụ thể nào để đảm bảo tệp được gửi đi đúng cách?
application/x-www-form-urlencoded
multipart/form-data
text/plain
application/json
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 23: Thẻ `` được sử dụng để làm gì trong biểu mẫu?
Lưu trữ dữ liệu cần gửi đi cùng biểu mẫu nhưng không hiển thị hoặc cho phép người dùng chỉnh sửa.
Tạo một vùng trống trong biểu mẫu.
Ẩn toàn bộ biểu mẫu khỏi người dùng.
Tạo một nút nhấn ẩn.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 24: Để đặt giá trị mặc định cho một trường nhập liệu văn bản (``) hoặc một vùng văn bản (`
placeholder
default
value
initial
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 25: Khi sử dụng các nút radio (``) trong một nhóm, thuộc tính nào phải có giá trị GIỐNG NHAU cho tất cả các nút trong cùng nhóm để đảm bảo chỉ có thể chọn một tùy chọn?
id
name
value
type
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 26: Để tạo một ô nhập liệu chỉ chấp nhận địa chỉ email và cung cấp xác thực cơ bản ở phía trình duyệt (nếu trình duyệt hỗ trợ), loại `type` nào của thẻ `` nên được sử dụng?
email
text
mail
url
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 27: Thẻ `
` và `
Để tạo một danh sách các tùy chọn trong dropdown.
Để định nghĩa một nút gửi dữ liệu.
Để nhóm các thành phần biểu mẫu liên quan với nhau và cung cấp tiêu đề cho nhóm.
Để tạo một vùng nhập liệu văn bản đa dòng.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 28: Thuộc tính `disabled` khi thêm vào một thành phần nhập liệu (``, ``, `
Ẩn hoàn toàn thành phần đó khỏi trang web.
Vô hiệu hóa thành phần, không cho phép người dùng tương tác (nhập, chọn, nháy) và giá trị của nó sẽ không được gửi cùng biểu mẫu.
Làm cho thành phần chỉ hiển thị giá trị mà không cho phép chỉnh sửa (chỉ đọc).
Bắt buộc người dùng phải nhập dữ liệu vào thành phần đó.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 29: Trong một thẻ ``, thuộc tính `selected` được thêm vào thẻ `
Đặt tùy chọn đó làm mục được chọn mặc định khi trang web được tải.
Làm cho tùy chọn đó không thể chọn được.
Tô sáng tùy chọn đó khi người dùng di chuột qua.
Bắt buộc người dùng phải chọn tùy chọn này.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 07
Câu 30: Xét đoạn mã HTML sau: `
Nút 1Nút 2
`. Nếu người dùng nháy vào 'Nút 1', điều gì sẽ xảy ra?
Biểu mẫu sẽ được gửi đi bằng phương thức POST.
Một hộp thoại cảnh báo 'Hello' sẽ hiển thị và biểu mẫu KHÔNG được gửi đi.
Biểu mẫu sẽ được đặt lại về trạng thái ban đầu.
Trang web sẽ tải lại.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 08
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 08 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong ngữ cảnh trang web, biểu mẫu (form) chủ yếu được sử dụng với mục đích gì?
A. Trang trí cho giao diện web đẹp mắt hơn.
B. Hiển thị nội dung tĩnh cố định trên trang.
C. Thu thập thông tin nhập liệu từ người dùng và gửi đi.
D. Tự động tạo ra các liên kết nội bộ trong trang web.
Câu 2: Để bắt đầu định nghĩa một biểu mẫu trong mã HTML, thẻ nào là bắt buộc?
A.
B.
C.
D.
Câu 3: Thuộc tính nào của thẻ `
` chỉ định URL (địa chỉ) mà dữ liệu của biểu mẫu sẽ được gửi đến khi người dùng nhấn nút gửi?
A. action
B. method
C. name
D. submit
Câu 4: Thuộc tính nào của thẻ `
` xác định phương thức HTTP được sử dụng để gửi dữ liệu biểu mẫu (phổ biến là GET hoặc POST)?
A. action
B. method
C. type
D. encode
Câu 5: Khi sử dụng phương thức GET để gửi dữ liệu biểu mẫu, điều gì thường xảy ra với dữ liệu trên thanh địa chỉ của trình duyệt?
A. Dữ liệu được mã hóa và không hiển thị.
B. Thanh địa chỉ không thay đổi.
C. Trình duyệt báo lỗi và không gửi dữ liệu.
D. Dữ liệu được đính kèm vào URL và hiển thị rõ.
Câu 6: Phương thức POST thường được ưu tiên sử dụng hơn GET trong trường hợp nào sau đây?
A. Gửi dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân.
B. Các yêu cầu chỉ nhằm mục đích lấy dữ liệu từ máy chủ.
C. Dữ liệu gửi đi rất ngắn và không chứa ký tự đặc biệt.
D. Khi muốn người dùng dễ dàng chia sẻ URL chứa thông tin đã nhập.
Câu 7: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, phương thức gửi dữ liệu mặc định sẽ là gì?
A. POST
B. GET
C. PUT
D. DELETE
Câu 8: Để tạo một ô nhập liệu cho phép người dùng gõ một dòng văn bản ngắn (ví dụ: tên, tiêu đề), chúng ta nên sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
A. type=
B. type=
C. type=
D. type=
Câu 9: Thẻ HTML nào sau đây được sử dụng để tạo vùng nhập liệu văn bản đa dòng, thích hợp cho việc nhập nhận xét hoặc mô tả chi tiết?
A.
B.
C.
D.
Câu 10: Để tạo một nhóm các lựa chọn mà người dùng CHỈ có thể chọn MỘT trong số đó (ví dụ: giới tính, trình độ học vấn), chúng ta sử dụng thẻ `` với thuộc tính `type` nào và đảm bảo tất cả các tùy chọn trong nhóm có cùng giá trị thuộc tính nào?
A. type=
B. type=
C. type=
D. type=
Câu 11: Để tạo một nhóm các lựa chọn mà người dùng có thể chọn NHIỀU tùy chọn cùng lúc (ví dụ: sở thích, các khóa học đã tham gia), chúng ta sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
A. type=
B. type=
C. type=
D. type=
Câu 12: Thẻ `` trong biểu mẫu có vai trò gì quan trọng, đặc biệt đối với khả năng tiếp cận (accessibility)?
A. Chỉ để in đậm hoặc in nghiêng văn bản nhãn.
B. Tạo đường viền xung quanh phần tử điều khiển.
C. Liên kết văn bản nhãn với phần tử điều khiển tương ứng, cải thiện khả năng tiếp cận.
D. Xác định giá trị mặc định cho phần tử điều khiển.
Câu 13: Để liên kết thẻ `` với một phần tử điều khiển cụ thể (ví dụ: một ô ``), chúng ta sử dụng thuộc tính `for` của thẻ ``. Giá trị của thuộc tính `for` này phải bằng giá trị của thuộc tính nào trên phần tử điều khiển tương ứng?
A. id
B. name
C. value
D. type
Câu 14: Để tạo một nút nhấn có chức năng gửi dữ liệu của biểu mẫu đi xử lý, chúng ta có thể sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
A. type=
B. type=
C. type=
D. type=
Câu 15: Thẻ `
A. Xóa tất cả dữ liệu đã nhập trong biểu mẫu, đưa về trạng thái ban đầu.
Câu 19: Thuộc tính `required` trong thẻ `` có tác dụng gì?
A. Làm cho ô nhập liệu chỉ cho phép nhập số.
B. Đặt giá trị mặc định cho ô nhập liệu.
C. Ngăn người dùng thay đổi giá trị trong ô nhập liệu.
D. Yêu cầu người dùng phải điền thông tin vào ô nhập liệu này.
Câu 20: Bạn muốn tạo một ô nhập liệu email. Ngoài việc sử dụng `type=
A. type=
B. type=
C. type=
D. type=
Câu 21: Bạn cần tạo một ô nhập liệu cho số điện thoại. Loại `type` nào của thẻ `` là phù hợp nhất để hỗ trợ trình duyệt hiển thị bàn phím số trên thiết bị di động và có thể cung cấp tính năng tự động hoàn thành (tùy trình duyệt)?
A. type=
B. type=
C. type=
D. type=
Câu 22: Bạn muốn tạo một ô nhập liệu cho phép người dùng chọn một ngày từ lịch. Loại `type` nào của thẻ `` sẽ cung cấp giao diện chọn ngày tích hợp sẵn (tùy trình duyệt)?
A. type=
B. type=
C. type=
D. type=
Câu 23: Thuộc tính `disabled` trong thẻ `` hoặc `` có tác dụng gì?
A. Vô hiệu hóa phần tử, ngăn người dùng tương tác và không gửi dữ liệu khi submit.
B. Chỉ ngăn người dùng thay đổi giá trị nhưng vẫn gửi dữ liệu đi.
C. Làm cho phần tử chỉ hiển thị nhưng không có chức năng.
D. Bắt buộc người dùng phải điền thông tin.
Câu 24: Thuộc tính `readonly` trong thẻ `
A. Làm cho ô nhập liệu bị ẩn đi.
B. Ngăn người dùng tương tác và không gửi dữ liệu khi submit.
C. Cho phép hiển thị giá trị nhưng ngăn người dùng thay đổi, giá trị vẫn được gửi khi submit.
D. Yêu cầu người dùng phải nhập đúng định dạng.
Câu 25: Khi thiết kế một biểu mẫu đăng ký, bạn cần một trường để người dùng nhập mật khẩu. Loại `type` nào của thẻ `` là phù hợp nhất để các ký tự nhập vào bị che đi (thường bằng dấu chấm hoặc sao)?
A. type=
B. type=
C. type=
D. type=
Câu 26: Xem xét đoạn mã sau:
```html
A. username=admin
B. user=admin
C. id=username
D. value=Gửi đi
Câu 27: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một hoặc nhiều mục từ danh sách các tùy chọn, chúng ta sử dụng thẻ nào làm thẻ chứa chính?
A.
B.
C.
D.
Câu 28: Trong thẻ `
` của một danh sách thả xuống (``), thuộc tính nào xác định giá trị thực tế sẽ được gửi đến máy chủ nếu tùy chọn đó được chọn?
A. value
B. label
C. name
D. text
Câu 29: Bạn đang xây dựng một biểu mẫu khảo sát và muốn hỏi người dùng về mức độ hài lòng (từ 1 đến 5). Loại `type` nào của thẻ `` sẽ cung cấp một thanh trượt hoặc hộp số với các giới hạn tối thiểu/tối đa và bước nhảy cụ thể?
A. type=
B. type=
C. type=
D. type=
Câu 30: Giả sử bạn có một biểu mẫu với phương thức GET và thuộc tính `action` là `/search`. Có một ô nhập liệu `
A. /search?query=
B. /search#query=tin+hoc+12
C. /search?query=tin+hoc+12
D. /search/query/tin+hoc+12
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 1: Trong ngữ cảnh trang web, biểu mẫu (form) chủ yếu được sử dụng với mục đích gì?
Trang trí cho giao diện web đẹp mắt hơn.
Hiển thị nội dung tĩnh cố định trên trang.
Thu thập thông tin nhập liệu từ người dùng và gửi đi.
Tự động tạo ra các liên kết nội bộ trong trang web.
Biểu mẫu web là công cụ cơ bản để thu thập thông tin từ người dùng và gửi về máy chủ để xử lý, cho phép người dùng tương tác chủ động với trang web.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 2: Để bắt đầu định nghĩa một biểu mẫu trong mã HTML, thẻ nào là bắt buộc?
<input>
<button>
<label>
<form>
Thẻ `
` là thẻ gốc để khai báo và chứa tất cả các phần tử điều khiển (input, textarea, select,...) của một biểu mẫu web.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 3: Thuộc tính nào của thẻ `
` chỉ định URL (địa chỉ) mà dữ liệu của biểu mẫu sẽ được gửi đến khi người dùng nhấn nút gửi?
action
method
name
submit
Thuộc tính `action` trong thẻ `
` xác định đích đến (URL của kịch bản xử lý dữ liệu) khi biểu mẫu được gửi đi.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 4: Thuộc tính nào của thẻ `
` xác định phương thức HTTP được sử dụng để gửi dữ liệu biểu mẫu (phổ biến là GET hoặc POST)?
action
method
type
encode
Thuộc tính `method` trong thẻ `
` quy định cách thức dữ liệu được đóng gói và gửi đi (ví dụ: đính kèm vào URL với GET hay gửi trong phần thân yêu cầu với POST).
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 5: Khi sử dụng phương thức GET để gửi dữ liệu biểu mẫu, điều gì thường xảy ra với dữ liệu trên thanh địa chỉ của trình duyệt?
Dữ liệu được mã hóa và không hiển thị.
Thanh địa chỉ không thay đổi.
Trình duyệt báo lỗi và không gửi dữ liệu.
Dữ liệu được đính kèm vào URL và hiển thị rõ.
Phương thức GET gửi dữ liệu bằng cách thêm chúng vào cuối URL dưới dạng các cặp tên-giá trị, làm cho dữ liệu hiển thị rõ trên thanh địa chỉ.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 6: Phương thức POST thường được ưu tiên sử dụng hơn GET trong trường hợp nào sau đây?
Gửi dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân.
Các yêu cầu chỉ nhằm mục đích lấy dữ liệu từ máy chủ.
Dữ liệu gửi đi rất ngắn và không chứa ký tự đặc biệt.
Khi muốn người dùng dễ dàng chia sẻ URL chứa thông tin đã nhập.
POST an toàn hơn cho dữ liệu nhạy cảm (như mật khẩu) vì không hiển thị trên URL và không bị giới hạn kích thước dữ liệu gửi đi như GET.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 7: Nếu thuộc tính `method` không được chỉ định trong thẻ `
`, phương thức gửi dữ liệu mặc định sẽ là gì?
POST
GET
PUT
DELETE
Theo chuẩn HTML, phương thức gửi dữ liệu mặc định cho biểu mẫu là GET nếu thuộc tính `method` không được khai báo.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 8: Để tạo một ô nhập liệu cho phép người dùng gõ một dòng văn bản ngắn (ví dụ: tên, tiêu đề), chúng ta nên sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
type="textarea"
type="submit"
type="text"
type="button"
Thuộc tính `type="text"` của thẻ `` là loại phổ biến nhất để tạo ô nhập liệu văn bản một dòng.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 9: Thẻ HTML nào sau đây được sử dụng để tạo vùng nhập liệu văn bản đa dòng, thích hợp cho việc nhập nhận xét hoặc mô tả chi tiết?
<textarea>
<input type="multiline">
<input type="text">
<paragraph>
Thẻ `
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 10: Để tạo một nhóm các lựa chọn mà người dùng CHỈ có thể chọn MỘT trong số đó (ví dụ: giới tính, trình độ học vấn), chúng ta sử dụng thẻ `` với thuộc tính `type` nào và đảm bảo tất cả các tùy chọn trong nhóm có cùng giá trị thuộc tính nào?
type="checkbox", thuộc tính id
type="radio", thuộc tính name
type="select", thuộc tính value
type="button", thuộc tính class
Các nút radio (`type="radio"`) được sử dụng cho lựa chọn độc quyền (chỉ một). Để chúng hoạt động như một nhóm, tất cả các nút radio trong nhóm đó phải có cùng giá trị cho thuộc tính `name`.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 11: Để tạo một nhóm các lựa chọn mà người dùng có thể chọn NHIỀU tùy chọn cùng lúc (ví dụ: sở thích, các khóa học đã tham gia), chúng ta sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
type="radio"
type="select"
type="text"
type="checkbox"
Các hộp kiểm (`type="checkbox"`) cho phép người dùng chọn không, một hoặc nhiều tùy chọn từ một danh sách.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 12: Thẻ `` trong biểu mẫu có vai trò gì quan trọng, đặc biệt đối với khả năng tiếp cận (accessibility)?
Chỉ để in đậm hoặc in nghiêng văn bản nhãn.
Tạo đường viền xung quanh phần tử điều khiển.
Liên kết văn bản nhãn với phần tử điều khiển tương ứng, cải thiện khả năng tiếp cận.
Xác định giá trị mặc định cho phần tử điều khiển.
Thẻ `` liên kết văn bản nhãn với một phần tử điều khiển (input, textarea, select). Điều này giúp người dùng, đặc biệt là những người sử dụng trình đọc màn hình hoặc khó khăn trong việc nhấp chính xác vào ô nhỏ, có thể tương tác dễ dàng hơn (ví dụ: nhấp vào nhãn cũng có tác dụng như nhấp vào ô nhập liệu).
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 13: Để liên kết thẻ `` với một phần tử điều khiển cụ thể (ví dụ: một ô ``), chúng ta sử dụng thuộc tính `for` của thẻ ``. Giá trị của thuộc tính `for` này phải bằng giá trị của thuộc tính nào trên phần tử điều khiển tương ứng?
id
name
value
type
Thuộc tính `for` của `` phải có giá trị trùng với thuộc tính `id` của phần tử điều khiển mà nó liên kết.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 14: Để tạo một nút nhấn có chức năng gửi dữ liệu của biểu mẫu đi xử lý, chúng ta có thể sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
type="button"
type="submit"
type="reset"
type="link"
Thuộc tính `type="submit"` của thẻ `` tạo ra một nút nhấn đặc biệt, khi được nhấp, sẽ kích hoạt quá trình gửi dữ liệu của biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 15: Thẻ `` trong biểu mẫu có chức năng gì?
Xóa tất cả dữ liệu đã nhập trong biểu mẫu, đưa về trạng thái ban đầu.
Gửi dữ liệu biểu mẫu đến máy chủ.
Kiểm tra tính hợp lệ của dữ liệu nhập.
Mở một trang web mới.
Nút reset (`type="reset"`) được sử dụng để khôi phục tất cả các trường nhập liệu trong biểu mẫu về giá trị ban đầu (giá trị mặc định hoặc rỗng).
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 16: Trong một thẻ ``, thuộc tính nào được sử dụng để hiển thị một văn bản gợi ý mờ bên trong ô nhập liệu khi ô đó trống, giúp người dùng biết thông tin gì cần nhập?
value
name
placeholder
label
Thuộc tính `placeholder` cung cấp một văn bản gợi ý (thường là mờ) hiển thị trong ô nhập liệu khi nó chưa có giá trị, biến mất khi người dùng bắt đầu gõ.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 17: Xem đoạn mã HTML sau:
```html
Đỏ
Xanh
Nhỏ
```
Khi người dùng chọn 'Đỏ' và 'Nhỏ', dữ liệu nào sẽ được gửi đi khi form được submit?
color=red&size=small
color=red, blue&size=small
color=red&size=small, Nhỏ
Chỉ gửi color=red
Các nút radio trong cùng một nhóm (có cùng thuộc tính `name`) chỉ cho phép chọn một. Ở đây có hai nhóm: `color` và `size`. Người dùng có thể chọn một trong nhóm `color` ('red' hoặc 'blue') và một trong nhóm `size` ('small'). Nếu chọn 'Đỏ' và 'Nhỏ', dữ liệu gửi đi sẽ là `color=red` và `size=small`.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
` làm cho lựa chọn đó được chọn sẵn khi trang web tải lên.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 19: Thuộc tính `required` trong thẻ `` có tác dụng gì?
Làm cho ô nhập liệu chỉ cho phép nhập số.
Đặt giá trị mặc định cho ô nhập liệu.
Ngăn người dùng thay đổi giá trị trong ô nhập liệu.
Yêu cầu người dùng phải điền thông tin vào ô nhập liệu này.
Thuộc tính `required` (thuộc tính boolean) yêu cầu người dùng phải nhập dữ liệu vào trường đó trước khi có thể gửi biểu mẫu. Trình duyệt sẽ hiển thị thông báo lỗi nếu trường này bị bỏ trống.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 20: Bạn muốn tạo một ô nhập liệu email. Ngoài việc sử dụng `type="text"`, bạn nên sử dụng giá trị nào cho thuộc tính `type` để trình duyệt có thể cung cấp các tính năng hỗ trợ nhập email (như kiểm tra định dạng cơ bản trên thiết bị di động) và bàn phím ảo phù hợp?
type="email"
type="mail"
type="text" với thuộc tính pattern
type="address"
HTML5 cung cấp các loại input chuyên biệt như `type="email"` để giúp trình duyệt hiểu rõ loại dữ liệu được mong đợi, từ đó có thể cung cấp giao diện hoặc kiểm tra cơ bản phù hợp.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 21: Bạn cần tạo một ô nhập liệu cho số điện thoại. Loại `type` nào của thẻ `` là phù hợp nhất để hỗ trợ trình duyệt hiển thị bàn phím số trên thiết bị di động và có thể cung cấp tính năng tự động hoàn thành (tùy trình duyệt)?
type="number"
type="text"
type="tel"
type="phone"
Thuộc tính `type="tel"` được thiết kế cho số điện thoại. Mặc dù không tự động kiểm tra định dạng số điện thoại cụ thể, nó cung cấp gợi ý cho trình duyệt về loại dữ liệu, hữu ích cho bàn phím ảo và tính năng tự động điền.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 22: Bạn muốn tạo một ô nhập liệu cho phép người dùng chọn một ngày từ lịch. Loại `type` nào của thẻ `` sẽ cung cấp giao diện chọn ngày tích hợp sẵn (tùy trình duyệt)?
type="calendar"
type="date"
type="datetime"
type="time"
Thuộc tính `type="date"` hiển thị một bộ chọn ngày tích hợp sẵn trong trình duyệt, giúp người dùng dễ dàng nhập ngày tháng.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 23: Thuộc tính `disabled` trong thẻ `` hoặc `` có tác dụng gì?
Vô hiệu hóa phần tử, ngăn người dùng tương tác và không gửi dữ liệu khi submit.
Chỉ ngăn người dùng thay đổi giá trị nhưng vẫn gửi dữ liệu đi.
Làm cho phần tử chỉ hiển thị nhưng không có chức năng.
Bắt buộc người dùng phải điền thông tin.
Thuộc tính `disabled` (boolean) làm cho phần tử điều khiển bị vô hiệu hóa, người dùng không thể tương tác (nhập, chọn, nhấp) vào nó, và giá trị của nó sẽ không được gửi khi biểu mẫu được submit.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 24: Thuộc tính `readonly` trong thẻ `` có tác dụng gì?
Làm cho ô nhập liệu bị ẩn đi.
Ngăn người dùng tương tác và không gửi dữ liệu khi submit.
Cho phép hiển thị giá trị nhưng ngăn người dùng thay đổi, giá trị vẫn được gửi khi submit.
Yêu cầu người dùng phải nhập đúng định dạng.
Thuộc tính `readonly` (boolean) cho phép hiển thị giá trị trong ô nhập liệu nhưng ngăn người dùng thay đổi nó. Khác với `disabled`, giá trị của trường `readonly` vẫn được gửi đi khi biểu mẫu được submit.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 25: Khi thiết kế một biểu mẫu đăng ký, bạn cần một trường để người dùng nhập mật khẩu. Loại `type` nào của thẻ `` là phù hợp nhất để các ký tự nhập vào bị che đi (thường bằng dấu chấm hoặc sao)?
type="text"
type="hidden"
type="secret"
type="password"
Thuộc tính `type="password"` được sử dụng để tạo ô nhập mật khẩu, nơi các ký tự nhập vào được che khuất để bảo mật.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 26: Xem xét đoạn mã sau:
```html
Tên đăng nhập:
```
Nếu người dùng nhập "admin" vào ô "Tên đăng nhập" và nhấn nút "Gửi đi", dữ liệu nào sẽ được gửi đến `/submit`?
username=admin
user=admin
id=username
value=Gửi đi
Khi form dùng method POST, dữ liệu được gửi trong thân yêu cầu. Tên trường được lấy từ thuộc tính `name` của input (`user`), và giá trị là nội dung người dùng nhập (`admin`). Dữ liệu sẽ được gửi dưới dạng cặp `name=value`, ví dụ `user=admin`.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 27: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một hoặc nhiều mục từ danh sách các tùy chọn, chúng ta sử dụng thẻ nào làm thẻ chứa chính?
<list>
<dropdown>
<select>
<options>
Thẻ `` được sử dụng để tạo danh sách thả xuống. Các tùy chọn trong danh sách được định nghĩa bằng thẻ `
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 28: Trong thẻ `
` của một danh sách thả xuống (``), thuộc tính nào xác định giá trị thực tế sẽ được gửi đến máy chủ nếu tùy chọn đó được chọn?
value
label
name
text
Thuộc tính `value` của thẻ `
` chứa giá trị dữ liệu thực tế tương ứng với lựa chọn hiển thị cho người dùng. Nếu thuộc tính `value` không được đặt, nội dung bên trong thẻ `
` sẽ được gửi đi làm giá trị.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 29: Bạn đang xây dựng một biểu mẫu khảo sát và muốn hỏi người dùng về mức độ hài lòng (từ 1 đến 5). Loại `type` nào của thẻ `` sẽ cung cấp một thanh trượt hoặc hộp số với các giới hạn tối thiểu/tối đa và bước nhảy cụ thể?
type="number" với thuộc tính list
type="range" hoặc type="number" với thuộc tính min, max, step
type="radio" với 5 lựa chọn
type="select" với 5 tùy chọn
Thuộc tính `type="range"` tạo ra một thanh trượt (slider) để chọn giá trị trong một phạm vi xác định (min/max). `type="number"` cũng có thể dùng min/max/step nhưng thường hiển thị hộp số.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 08
Câu 30: Giả sử bạn có một biểu mẫu với phương thức GET và thuộc tính `action` là `/search`. Có một ô nhập liệu ``. Nếu người dùng nhập "tin hoc 12" vào ô này và nhấn gửi, URL trên thanh địa chỉ sẽ trông như thế nào (sau khi gửi thành công)?
/search?query="tin hoc 12"
/search#query=tin+hoc+12
/search?query=tin+hoc+12
/search/query/tin+hoc+12
Với phương thức GET, dữ liệu được đính kèm vào URL sau dấu `?`. Tên trường (`name`) và giá trị (`value`) được nối với nhau bằng dấu `=`. Các cặp tên-giá trị khác được phân tách bằng dấu `&`. Khoảng trắng trong giá trị thường được mã hóa thành `+` hoặc `%20`.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 09
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 09 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Biểu mẫu web (
) trong trang web đóng vai trò chủ yếu nào trong việc tương tác với người dùng?
A. Hiển thị thông tin tĩnh.
B. Điều hướng giữa các trang web.
C. Thu thập dữ liệu nhập từ người dùng và gửi đến máy chủ.
D. Chỉ để trang trí giao diện người dùng.
Câu 2: Khi thiết kế một biểu mẫu đăng nhập yêu cầu nhập tên người dùng và mật khẩu, thuộc tính "method" của thẻ
nên được đặt là gì để đảm bảo an toàn thông tin?
A. GET
B. POST
C. PUT
D. DELETE
Câu 3: Xét đoạn mã HTML sau:
```html
A. Đến trang `process.php`, URL sẽ là `http://example.com/process.php?ten=Nguyen+Van+A`.
B. Đến trang `process.php`, dữ liệu được gửi ẩn.
C. Đến trang hiện tại (`form.html`), URL sẽ là `http://example.com/form.html?ten=Nguyen+Van+A`.
D. Đến trang hiện tại (`form.html`), dữ liệu được gửi ẩn.
Câu 4: Bạn muốn tạo một ô cho phép người dùng nhập một đoạn văn bản dài (ví dụ: phần "Ghi chú" trong đơn hàng). Thẻ HTML nào phù hợp nhất để thực hiện việc này?
A.
B.
C.
D.
Câu 5: Để tạo một nhóm các lựa chọn mà người dùng CHỈ được phép chọn MỘT phương án duy nhất (ví dụ: Giới tính: Nam / Nữ / Khác), bạn sẽ sử dụng loại input nào và cần lưu ý điều gì?
A.
B.
C.
D.
Câu 6: Bạn muốn tạo một hộp kiểm (checkbox) để người dùng xác nhận "Tôi đồng ý với điều khoản". Mã HTML nào sau đây là đúng và có ý nghĩa?
A.
B.
C.
D.
Câu 7: Trong thẻ , thuộc tính "type=
A. Tạo nút gửi dữ liệu biểu mẫu.
B. Tạo nút xóa toàn bộ dữ liệu trong biểu mẫu.
C. Tạo nút thông thường không có chức năng mặc định.
D. Tạo ô nhập liệu văn bản.
Câu 8: Thuộc tính "value" trong thẻ
A. Chỉ định tên của trường dữ liệu khi gửi đi.
B. Xác định kích thước hiển thị của ô nhập liệu.
C. Đặt giá trị mặc định ban đầu cho ô nhập liệu.
D. Thiết lập kiểu dữ liệu được phép nhập.
Câu 9: Nếu một thẻ trong biểu mẫu thiếu thuộc tính "name", điều gì sẽ xảy ra khi biểu mẫu được gửi đi?
A. Dữ liệu từ trường đó sẽ được gửi đi với tên mặc định.
B. Biểu mẫu sẽ không thể gửi đi.
C. Dữ liệu từ trường đó sẽ được gửi đi nhưng không có giá trị.
D. Dữ liệu từ trường đó sẽ không được gửi đi.
Câu 10: Bạn cần tạo một ô cho phép người dùng nhập số điện thoại. Loại "type" nào của thẻ là phù hợp nhất về mặt ngữ nghĩa và hỗ trợ trình duyệt (ví dụ: hiển thị bàn phím số trên thiết bị di động)?
A. type=
B. type=
C. type=
D. type=
Câu 11: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một mục duy nhất (ví dụ: Chọn Tỉnh/Thành phố), bạn sẽ sử dụng các thẻ HTML nào?
A. và
B. và
C. và
D.
Câu 12: Xét đoạn mã HTML sau:
```html
A. Để thay đổi màu sắc của văn bản "Email:".
B. Để làm cho trường nhập liệu email bắt buộc phải nhập.
C. Cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng.
D. Để dữ liệu email được gửi đi chính xác.
Câu 13: Bạn đang xây dựng một biểu mẫu đăng ký và muốn người dùng tải lên ảnh đại diện. Loại input nào phù hợp cho chức năng này?
A.
B.
C.
D.
Câu 14: Khi sử dụng phương thức GET để gửi dữ liệu biểu mẫu, giới hạn kích thước dữ liệu được gửi đi chủ yếu phụ thuộc vào yếu tố nào?
A. Tốc độ kết nối mạng.
B. Giới hạn độ dài của URL.
C. Dung lượng bộ nhớ RAM của máy tính người dùng.
D. Số lượng trường trong biểu mẫu.
Câu 15: Thẻ có thể được sử dụng để tạo nút trong biểu mẫu. Khác biệt chính về mặc định giữa `
A. chỉ dùng cho JavaScript,
B.
C.
D. có thể chứa nội dung HTML phức tạp hơn, trong khi
Câu 16: Giả sử bạn có một nhóm các hộp kiểm (checkboxes) cùng tên là "so_thich" và người dùng chọn nhiều mục. Dữ liệu được gửi đến máy chủ sẽ trông như thế nào khi sử dụng phương thức POST?
A. Nhiều cặp "so_thich=..." sẽ được gửi đi, mỗi cặp tương ứng với một hộp kiểm được chọn.
B. Chỉ giá trị của hộp kiểm "so_thich" cuối cùng được chọn sẽ được gửi đi.
C. Các giá trị của tất cả hộp kiểm "so_thich" được chọn sẽ được nối lại thành một chuỗi duy nhất.
D. Biểu mẫu sẽ báo lỗi vì không thể gửi nhiều giá trị cho cùng một tên.
Câu 17: Để tạo một trường nhập liệu cho phép người dùng chọn ngày sinh, loại "type" nào của thẻ là thích hợp nhất?
A. type=
B. type=
C. type=
D. type=
Câu 18: Thuộc tính "placeholder" trong thẻ
A. Đặt giá trị mặc định cho ô nhập liệu.
B. Hiển thị văn bản gợi ý bên trong ô nhập liệu khi nó trống.
C. Đặt tên cho trường dữ liệu.
D. Làm cho trường nhập liệu chỉ đọc.
Câu 19: Bạn muốn tạo một nút trong biểu mẫu, khi nhấn vào sẽ xóa sạch (đặt lại về giá trị mặc định) tất cả các trường nhập liệu trong biểu mẫu đó. Loại "type" nào của thẻ sẽ thực hiện chức năng này mặc định?
A. type=
B. type=
C. type=
D. type=
Câu 20: Trong một biểu mẫu, việc sử dụng phương thức POST thay vì GET để gửi dữ liệu có lợi thế chính là gì?
A. Tốc độ gửi dữ liệu nhanh hơn.
B. Dữ liệu được mã hóa tự động.
C. Dữ liệu được lưu vào bộ nhớ cache của trình duyệt.
D. An toàn hơn cho dữ liệu nhạy cảm và không bị giới hạn kích thước dữ liệu lớn.
Câu 21: Xem xét đoạn mã HTML cho một danh sách thả xuống:
```html
Câu 22: Thẻ nào được sử dụng để gom nhóm các phần tử có liên quan trong một biểu mẫu, thường đi kèm với thẻ
Câu 23: Trong thẻ
, nếu không chỉ định thuộc tính "action", dữ liệu biểu mẫu sẽ được gửi đến đâu theo mặc định?
A. URL của trang hiện tại.
B. Trang chủ của website.
C. Một trang lỗi mặc định của trình duyệt.
D. Dữ liệu sẽ không được gửi đi.
Câu 24: Bạn muốn tạo một trường nhập liệu cho phép người dùng chọn một màu sắc. Loại "type" nào của thẻ là phù hợp nhất?
A. type=
B. type=
C. type=
D. type=
Câu 25: Phân tích sự khác biệt về cách sử dụng giữa `
A. Radio dùng cho văn bản, checkbox dùng cho số.
B. Radio cho phép chọn nhiều, checkbox chỉ cho phép chọn một.
C. Radio dùng trong
, checkbox dùng ngoài
.
D. Radio cho phép chọn một, checkbox cho phép chọn nhiều hoặc không chọn.
Câu 26: Trong một biểu mẫu, thuộc tính "required" trên một trường có tác dụng gì?
A. Yêu cầu người dùng phải điền dữ liệu vào trường này trước khi gửi form.
B. Đặt giá trị mặc định cho trường này.
C. Làm cho trường này không thể chỉnh sửa.
D. Giới hạn số ký tự được phép nhập.
Câu 27: Xem xét yêu cầu: Cần một trường nhập liệu chỉ chấp nhận số nguyên. Loại "type" nào của thẻ là phù hợp nhất và thuộc tính nào có thể giúp giới hạn giá trị nhập?
A. type=
B. type=
C. type=
D. type=
Câu 28: Tại sao việc xử lý dữ liệu biểu mẫu ở phía máy chủ (server-side) là cần thiết, ngay cả khi đã có kiểm tra dữ liệu ở phía trình duyệt (client-side)?
A. Để tăng tốc độ xử lý dữ liệu.
B. Để hiển thị thông báo lỗi đẹp hơn cho người dùng.
C. Kiểm tra phía máy chủ là tùy chọn, không bắt buộc.
D. Kiểm tra phía máy chủ đảm bảo an toàn và tính toàn vẹn của dữ liệu, không thể bị bỏ qua bởi người dùng.
Câu 29: Thẻ `
A. Để tạo một trường nhập liệu chỉ đọc.
B. Để ẩn một trường nhập liệu bằng CSS.
C. Để gửi dữ liệu cố định hoặc dữ liệu cần thiết cho máy chủ mà không hiển thị cho người dùng.
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 1: Biểu mẫu web (
) trong trang web đóng vai trò chủ yếu nào trong việc tương tác với người dùng?
Biểu mẫu web được thiết kế để thu thập thông tin từ người dùng (như nhập dữ liệu, lựa chọn, tải tệp) và gửi thông tin đó về máy chủ để xử lý. Đây là cách chính để người dùng tương tác hai chiều với ứng dụng web.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 2: Khi thiết kế một biểu mẫu đăng nhập yêu cầu nhập tên người dùng và mật khẩu, thuộc tính 'method' của thẻ
nên được đặt là gì để đảm bảo an toàn thông tin?
Phương thức POST gửi dữ liệu trong phần thân của yêu cầu HTTP, không hiển thị trên thanh địa chỉ, do đó an toàn hơn cho việc gửi dữ liệu nhạy cảm như mật khẩu. Phương thức GET hiển thị dữ liệu trên URL.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 3: Xét đoạn mã HTML sau:
```html
Tên:
```
Nếu người dùng nhập 'Nguyen Van A' vào ô Tên và nhấn nút 'Gửi', dữ liệu sẽ được gửi đến đâu và trông như thế nào trên thanh địa chỉ (giả sử trang web là `http://example.com/form.html`)?
Thuộc tính 'action' chỉ định URL nhận dữ liệu ('process.php'). Thuộc tính 'method' là 'GET', nên dữ liệu sẽ được đính kèm vào URL dưới dạng các cặp khóa=giá trị (key=value) sau dấu '?'. Tên trường nhập liệu là 'ten', giá trị nhập là 'Nguyen Van A'.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 4: Bạn muốn tạo một ô cho phép người dùng nhập một đoạn văn bản dài (ví dụ: phần 'Ghi chú' trong đơn hàng). Thẻ HTML nào phù hợp nhất để thực hiện việc này?
Thẻ
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 5: Để tạo một nhóm các lựa chọn mà người dùng CHỈ được phép chọn MỘT phương án duy nhất (ví dụ: Giới tính: Nam / Nữ / Khác), bạn sẽ sử dụng loại input nào và cần lưu ý điều gì?
Các nút radio () cho phép chọn duy nhất một tùy chọn trong một nhóm. Để chúng hoạt động như một nhóm (chỉ chọn 1), tất cả các nút radio trong nhóm đó phải có cùng thuộc tính 'name'.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 6: Bạn muốn tạo một hộp kiểm (checkbox) để người dùng xác nhận 'Tôi đồng ý với điều khoản'. Mã HTML nào sau đây là đúng và có ý nghĩa?
Thẻ với type="checkbox" tạo hộp kiểm. Thuộc tính 'name' là bắt buộc để dữ liệu được gửi đi. Thuộc tính 'value' là giá trị sẽ được gửi khi hộp kiểm được chọn. 'checked' làm cho hộp kiểm được chọn mặc định.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 7: Trong thẻ , thuộc tính 'type="submit"' dùng để làm gì?
Thuộc tính type="submit" tạo ra một nút nhấn đặc biệt, khi được nhấp vào sẽ kích hoạt hành động gửi dữ liệu của biểu mẫu đến URL được chỉ định trong thuộc tính 'action' của thẻ
.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 8: Thuộc tính 'value' trong thẻ có ý nghĩa gì?
Đối với , thuộc tính 'value' đặt giá trị ban đầu (văn bản mặc định) xuất hiện trong ô nhập liệu khi trang web được tải. Nếu người dùng không thay đổi, giá trị này sẽ được gửi đi.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 9: Nếu một thẻ trong biểu mẫu thiếu thuộc tính 'name', điều gì sẽ xảy ra khi biểu mẫu được gửi đi?
Thuộc tính 'name' là cần thiết để xác định tên của trường dữ liệu khi nó được gửi đến máy chủ. Nếu thiếu 'name', dữ liệu nhập vào trường đó sẽ không được gửi cùng với các dữ liệu khác của biểu mẫu.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 10: Bạn cần tạo một ô cho phép người dùng nhập số điện thoại. Loại 'type' nào của thẻ là phù hợp nhất về mặt ngữ nghĩa và hỗ trợ trình duyệt (ví dụ: hiển thị bàn phím số trên thiết bị di động)?
Thuộc tính type="tel" được thiết kế cho các trường nhập số điện thoại. Mặc dù trình duyệt vẫn cho phép nhập ký tự khác, nó cung cấp ngữ nghĩa chính xác và có thể gợi ý bàn phím số trên các thiết bị di động.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 11: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một mục duy nhất (ví dụ: Chọn Tỉnh/Thành phố), bạn sẽ sử dụng các thẻ HTML nào?
Danh sách thả xuống được tạo bằng thẻ . Mỗi mục trong danh sách được định nghĩa bằng thẻ
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 12: Xét đoạn mã HTML sau:
```html
Email:
```
Tại sao việc sử dụng thẻ với thuộc tính 'for' liên kết với 'id' của thẻ lại quan trọng?
Liên kết thẻ với trường nhập liệu bằng cách sử dụng 'for' (trong label) và 'id' (trong input) cải thiện khả năng truy cập (accessibility). Khi người dùng nhấp vào văn bản của label, trường nhập liệu tương ứng sẽ được focus, giúp người dùng sử dụng form dễ dàng hơn, đặc biệt là những người dùng công nghệ hỗ trợ.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 13: Bạn đang xây dựng một biểu mẫu đăng ký và muốn người dùng tải lên ảnh đại diện. Loại input nào phù hợp cho chức năng này?
Thuộc tính type="file" của thẻ tạo ra một trường cho phép người dùng chọn một hoặc nhiều tệp từ máy tính của họ để tải lên máy chủ.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 14: Khi sử dụng phương thức GET để gửi dữ liệu biểu mẫu, giới hạn kích thước dữ liệu được gửi đi chủ yếu phụ thuộc vào yếu tố nào?
Dữ liệu gửi bằng phương thức GET được đính kèm vào URL. Độ dài tối đa của URL có giới hạn, tùy thuộc vào trình duyệt và máy chủ web, nhưng thường là khoảng vài nghìn ký tự. Do đó, phương thức GET không phù hợp cho việc gửi lượng lớn dữ liệu.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 15: Thẻ có thể được sử dụng để tạo nút trong biểu mẫu. Khác biệt chính về mặc định giữa `` và `` là gì?
Cả hai đều tạo ra nút gửi biểu mẫu. Tuy nhiên, thẻ linh hoạt hơn vì nó có thể chứa nội dung phức tạp (như văn bản và hình ảnh), trong khi chỉ hiển thị văn bản được đặt trong thuộc tính 'value'.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 16: Giả sử bạn có một nhóm các hộp kiểm (checkboxes) cùng tên là 'so_thich' và người dùng chọn nhiều mục. Dữ liệu được gửi đến máy chủ sẽ trông như thế nào khi sử dụng phương thức POST?
Khi nhiều hộp kiểm có cùng 'name' được chọn, trình duyệt sẽ gửi nhiều cặp key=value có cùng tên 'so_thich', mỗi cặp tương ứng với 'value' của một hộp kiểm được chọn. Máy chủ cần xử lý để nhận được một mảng hoặc danh sách các giá trị này.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 17: Để tạo một trường nhập liệu cho phép người dùng chọn ngày sinh, loại 'type' nào của thẻ là thích hợp nhất?
Thuộc tính type="date" cung cấp một giao diện chọn ngày (thường là lịch) được trình duyệt hỗ trợ, giúp người dùng nhập ngày tháng dễ dàng và chính xác hơn.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 18: Thuộc tính 'placeholder' trong thẻ có tác dụng gì?
Thuộc tính 'placeholder' hiển thị một văn bản gợi ý (mờ) bên trong ô nhập liệu khi nó trống. Văn bản này biến mất khi người dùng bắt đầu nhập dữ liệu. Nó giúp hướng dẫn người dùng về định dạng hoặc loại thông tin cần nhập.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 19: Bạn muốn tạo một nút trong biểu mẫu, khi nhấn vào sẽ xóa sạch (đặt lại về giá trị mặc định) tất cả các trường nhập liệu trong biểu mẫu đó. Loại 'type' nào của thẻ sẽ thực hiện chức năng này mặc định?
Thuộc tính type="reset" tạo ra một nút có chức năng mặc định là đặt lại tất cả các trường nhập liệu trong form về giá trị ban đầu (giá trị được định nghĩa bởi thuộc tính 'value' hoặc nội dung mặc định).
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 20: Trong một biểu mẫu, việc sử dụng phương thức POST thay vì GET để gửi dữ liệu có lợi thế chính là gì?
Phương thức POST gửi dữ liệu trong phần thân yêu cầu HTTP, không hiển thị trên URL. Điều này giúp bảo mật dữ liệu nhạy cảm hơn (vì không ai nhìn thấy trên thanh địa chỉ hoặc trong lịch sử trình duyệt) và cho phép gửi lượng dữ liệu lớn hơn so với giới hạn URL của GET.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 21: Xem xét đoạn mã HTML cho một danh sách thả xuống:
```html
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 22: Thẻ nào được sử dụng để gom nhóm các phần tử có liên quan trong một biểu mẫu, thường đi kèm với thẻ
Thẻ
được sử dụng để nhóm các phần tử liên quan trong một biểu mẫu, tạo ra một đường viền xung quanh nhóm đó. Thẻ
để cung cấp tiêu đề cho nhóm.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 23: Trong thẻ
, nếu không chỉ định thuộc tính 'action', dữ liệu biểu mẫu sẽ được gửi đến đâu theo mặc định?
Nếu thuộc tính 'action' bị bỏ qua, biểu mẫu sẽ gửi dữ liệu đến chính URL của trang hiện tại chứa biểu mẫu đó.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 24: Bạn muốn tạo một trường nhập liệu cho phép người dùng chọn một màu sắc. Loại 'type' nào của thẻ là phù hợp nhất?
Thuộc tính type="color" cung cấp một bộ chọn màu (color picker) được trình duyệt hỗ trợ, giúp người dùng dễ dàng chọn một màu và gửi mã màu (thường là mã hex) đi.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 25: Phân tích sự khác biệt về cách sử dụng giữa `` và ``.
Nút radio được dùng khi người dùng chỉ có thể chọn MỘT phương án từ một nhóm (cùng 'name'). Hộp kiểm được dùng khi người dùng có thể chọn KHÔNG hoặc NHIỀU phương án từ một nhóm (cùng 'name').
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 26: Trong một biểu mẫu, thuộc tính 'required' trên một trường có tác dụng gì?
Thuộc tính 'required' là một thuộc tính boolean. Khi nó có mặt trên một trường nhập liệu, trình duyệt sẽ yêu cầu người dùng phải điền dữ liệu vào trường đó trước khi cho phép gửi biểu mẫu.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 27: Xem xét yêu cầu: Cần một trường nhập liệu chỉ chấp nhận số nguyên. Loại 'type' nào của thẻ là phù hợp nhất và thuộc tính nào có thể giúp giới hạn giá trị nhập?
Thuộc tính type="number" được thiết kế cho việc nhập số. Các thuộc tính 'min', 'max', và 'step' có thể được sử dụng để giới hạn phạm vi giá trị và bước nhảy (để chỉ chấp nhận số nguyên, 'step' có thể là 1).
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 28: Tại sao việc xử lý dữ liệu biểu mẫu ở phía máy chủ (server-side) là cần thiết, ngay cả khi đã có kiểm tra dữ liệu ở phía trình duyệt (client-side)?
Kiểm tra dữ liệu phía trình duyệt chỉ mang tính tiện lợi cho người dùng (phản hồi nhanh), nhưng không thể ngăn chặn các yêu cầu độc hại được gửi trực tiếp đến máy chủ (ví dụ: bằng cách tắt JavaScript hoặc sử dụng công cụ đặc biệt). Chỉ kiểm tra phía máy chủ mới đảm bảo tính toàn vẹn và an toàn của dữ liệu trước khi xử lý hoặc lưu trữ.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 09
Câu 29: Thẻ `` được sử dụng trong biểu mẫu với mục đích gì?
Thẻ `` tạo ra một trường dữ liệu không hiển thị trên trang web nhưng vẫn được gửi đi cùng với biểu mẫu khi người dùng nhấn nút submit. Nó thường được dùng để lưu trữ các thông tin cần thiết cho quá trình xử lý ở máy chủ (ví dụ: ID bản ghi, token bảo mật) mà người dùng không cần hoặc không được phép thay đổi.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
, giá trị được gửi đi sẽ là nội dung văn bản nằm giữa thẻ mở `
` và thẻ đóng `
`. Ví dụ: `
Hà Nội
` sẽ gửi giá trị 'Hà Nội'.
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 10
Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web - Đề 10 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Bạn đang thiết kế một biểu mẫu đăng ký trực tuyến. Yêu cầu là người dùng phải nhập địa chỉ email và hệ thống cần kiểm tra định dạng email hợp lệ ngay trên trình duyệt trước khi gửi đi. Thuộc tính `type` nào của thẻ `` là phù hợp nhất để đáp ứng yêu cầu này?
A. text
B. email
C. url
D. pattern
Câu 2: Một biểu mẫu HTML được định nghĩa như sau: ```html
A. http://example.com/submit
B. http://example.com/submit?username=admin&password=12345
C. http://example.com/submit?user=admin&pass=12345
D. http://example.com/submit?user=admin&password=12345
Câu 3: Bạn cần tạo một vùng nhập liệu cho phép người dùng viết bình luận dài (nhiều dòng) trên trang web. Thẻ HTML nào là phù hợp nhất cho mục đích này?
A.
B.
C.
D.
Câu 4: Khi sử dụng phương thức `POST` để gửi dữ liệu từ biểu mẫu, dữ liệu thường được gửi như thế nào?
A. Được mã hóa và đính kèm vào cuối URL.
B. Được gửi trong phần thân (body) của yêu cầu HTTP.
C. Được hiển thị rõ ràng trên thanh địa chỉ của trình duyệt.
D. Chỉ gửi tên các trường nhập liệu mà không gửi giá trị.
Câu 5: Một form được khai báo như sau: ```html
A. GET, vì đây là phương thức mặc định của thẻ `
` khi thuộc tính `method` không được khai báo.
B. POST, vì đây là phương thức an toàn hơn cho việc gửi dữ liệu.
C. GET, vì form không chứa dữ liệu nhạy cảm.
D. POST, vì hầu hết các biểu mẫu hiện đại sử dụng phương thức này.
Câu 6: Thuộc tính `name` của các thẻ ``, `
A. Để định kiểu (styling) cho các thành phần bằng CSS.
B. Để tạo nhãn (label) cho các trường nhập liệu.
C. Để xác định tên của dữ liệu sẽ được gửi đến máy chủ.
D. Để liên kết các nút radio hoặc checkbox lại với nhau.
Câu 7: Bạn cần tạo một nhóm các tùy chọn mà người dùng chỉ được phép chọn MỘT tùy chọn duy nhất (ví dụ: Giới tính: Nam, Nữ, Khác). Loại thẻ `` với thuộc tính `type` nào là phù hợp nhất?
A. radio
B. checkbox
C. select
D. option
Câu 8: Để liên kết một thẻ `` với một trường nhập liệu (ví dụ: ``) nhằm cải thiện khả năng truy cập (accessibility), bạn sử dụng thuộc tính nào của thẻ `` và thuộc tính nào của trường nhập liệu?
A. `name` trên `` và `name` trên ``.
B. `id` trên `` và `id` trên ``.
C. `for` trên `` và `name` trên ``.
D. `for` trên `` và `id` trên ``.
Câu 9: Tại sao phương thức `POST` thường được ưu tiên sử dụng hơn phương thức `GET` khi gửi các dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân?
A. Vì POST nhanh hơn GET.
B. Vì POST giới hạn kích thước dữ liệu nhỏ hơn GET.
C. Vì dữ liệu gửi bằng POST không hiển thị trên thanh địa chỉ của trình duyệt.
D. Vì POST mã hóa dữ liệu tự động trước khi gửi.
Câu 10: Bạn muốn tạo một nút nhấn trong biểu mẫu có chức năng xóa sạch tất cả dữ liệu đã nhập vào các trường. Thuộc tính `type` nào của thẻ `` hoặc thẻ `` là phù hợp?
A. submit
B. reset
C. button
D. clear
Câu 11: Xét đoạn mã HTML sau: ```html
A. Trình duyệt sẽ hiển thị thông báo lỗi và ngăn form được gửi đi.
B. Form sẽ được gửi đi bình thường với giá trị "15".
C. Trình duyệt sẽ tự động thay đổi giá trị "15" thành "18".
D. Dữ liệu sẽ được gửi đi nhưng máy chủ sẽ từ chối xử lý.
Câu 12: Bạn cần tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn TỈNH/THÀNH PHỐ. Các thẻ HTML nào cần được sử dụng để xây dựng cấu trúc này?
D.
Câu 13: Để một trường nhập liệu trong biểu mẫu (ví dụ: `
A. mandatory
B. must
C. required
D. validate
Câu 14: Khi người dùng chọn một hoặc nhiều tùy chọn từ một nhóm các hộp kiểm (checkboxes), dữ liệu được gửi đến máy chủ thường có dạng như thế nào?
A. Nhiều cặp tên=giá trị với cùng tên (nếu các checkbox có cùng thuộc tính `name`) hoặc tên khác nhau (nếu `name` khác nhau), chỉ gửi các tùy chọn được chọn.
B. Một cặp tên=giá trị duy nhất chứa tất cả các tùy chọn được chọn, phân cách bởi dấu phẩy.
C. Chỉ gửi giá trị của tùy chọn được chọn cuối cùng.
D. Gửi tất cả các tùy chọn trong nhóm, đánh dấu "true" hoặc "false" cho từng tùy chọn.
Câu 15: Bạn cần tạo một trường cho phép người dùng tải lên một tập tin (ví dụ: ảnh đại diện) từ máy tính của họ. Thuộc tính `type` nào của thẻ `` là phù hợp nhất?
A. document
B. upload
C. attachment
D. file
Câu 16: Để nhóm các trường nhập liệu có liên quan lại với nhau trong biểu mẫu và cung cấp một tiêu đề cho nhóm đó (ví dụ: "Thông tin cá nhân"), bạn sử dụng các thẻ nào?
B.
Câu 17: Xét đoạn mã form sau: ```html
A. http://mysite.com/search?query=HTML+Forms
B. http://mysite.com/search
C. http://mysite.com/search?query=
D. http://mysite.com/search?query=Tìm+kiếm
Câu 18: Thuộc tính `placeholder` trong thẻ `` có chức năng gì?
A. Đặt giá trị mặc định cho trường nhập liệu.
B. Đánh dấu trường nhập liệu là bắt buộc.
C. Hiển thị văn bản gợi ý (ví dụ: định dạng mong muốn) trong trường nhập liệu khi nó trống.
D. Đặt tên cho trường nhập liệu khi gửi dữ liệu.
Câu 19: Sự khác biệt chính giữa `
A. `
B. `
C. Chỉ `
D. Chỉ `
Câu 20: Bạn đang xây dựng một biểu mẫu tìm kiếm. Người dùng nhập từ khóa và nhấn nút tìm kiếm. Dữ liệu tìm kiếm (từ khóa) có thể hiển thị trên thanh địa chỉ mà không gây rủi ro bảo mật đáng kể. Phương thức gửi dữ liệu nào là lựa chọn phổ biến và phù hợp trong trường hợp này?
A. GET, vì dữ liệu không nhạy cảm và việc hiển thị trên URL giúp người dùng bookmark hoặc chia sẻ kết quả tìm kiếm.
B. POST, vì nó an toàn hơn.
C. Cả hai đều không phù hợp.
D. PUT, vì đây là thao tác gửi dữ liệu.
Câu 21: Thuộc tính `value` của thẻ `
A. Đặt tên cho trường nhập liệu khi gửi dữ liệu.
B. Đặt giá trị mặc định ban đầu cho trường nhập liệu và là giá trị được gửi đi nếu người dùng không thay đổi.
C. Hiển thị gợi ý nhập liệu trong trường.
D. Đánh dấu trường nhập liệu là bắt buộc.
Câu 22: Một biểu mẫu cần cho phép người dùng chọn một ngày cụ thể (ví dụ: ngày sinh). Thuộc tính `type` nào của thẻ `` là phù hợp nhất?
A. Không có dữ liệu nào được gửi vì hộp kiểm không được tương tác.
B. Chỉ gửi `newsletter=on`.
C. Chỉ gửi `newsletter=checked`.
D. Gửi `newsletter=yes`.
Câu 25: Mục đích chính của việc sử dụng thẻ `` liên kết với trường nhập liệu bằng thuộc tính `for` và `id` là gì?
A. Để tự động nhập dữ liệu vào trường khi nhấp vào nhãn.
B. Để khi người dùng nhấp vào nhãn, con trỏ sẽ tự động di chuyển đến trường nhập liệu tương ứng, và để các công cụ hỗ trợ đọc màn hình (screen readers) có thể đọc nhãn cho trường đó.
C. Để thay đổi màu sắc của trường nhập liệu khi nhấp vào nhãn.
D. Để đánh dấu trường nhập liệu là bắt buộc.
Câu 26: Khi nào thì phương thức `GET` có thể là lựa chọn tốt hơn `POST` để gửi dữ liệu từ biểu mẫu?
A. Khi dữ liệu không nhạy cảm, kích thước nhỏ và kết quả của việc gửi form có thể cần được đánh dấu trang (bookmark) hoặc chia sẻ (ví dụ: kết quả tìm kiếm).
B. Khi cần gửi lượng lớn dữ liệu hoặc dữ liệu nhạy cảm.
C. Khi cần đảm bảo rằng yêu cầu không được lưu vào lịch sử trình duyệt.
D. Phương thức GET luôn tốt hơn POST.
Câu 27: Bạn muốn tạo một trường nhập liệu cho phép người dùng nhập một số điện thoại. Mặc dù có thể dùng `type=
A. number
B. digit
C. numeric
D. tel
Câu 28: Xét đoạn mã form: ```html
A. quantity=
B. qty=1
C. quantity=1
D. Không có dữ liệu nào được gửi vì người dùng không nhập liệu.
Câu 29: Đâu là một lý do chính khiến việc sử dụng biểu mẫu (form) là cần thiết cho việc tương tác giữa người dùng và trang web?
A. Để thu thập thông tin hoặc nhận yêu cầu từ người dùng và gửi đến máy chủ để xử lý.
B. Để hiển thị nội dung tĩnh của trang web một cách hấp dẫn hơn.
C. Để điều hướng người dùng đến các trang khác trên website.
D. Để thực thi các đoạn mã JavaScript trên trình duyệt của người dùng.
Câu 30: Giả sử bạn có một nhóm các nút radio với cùng thuộc tính `name=
A. Gửi tất cả các nút radio trong nhóm với trạng thái "checked" hoặc "unchecked".
B. Chỉ gửi một cặp tên=giá trị, trong đó tên là giá trị của thuộc tính `name` ("payment_method") và giá trị là thuộc tính `value` của nút radio được chọn.
C. Gửi một cặp tên=giá trị, trong đó tên là giá trị của thuộc tính `name` ("payment_method") và giá trị là văn bản hiển thị bên cạnh nút radio được chọn.
D. Không gửi dữ liệu nào nếu người dùng chỉ chọn một tùy chọn.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 1: Bạn đang thiết kế một biểu mẫu đăng ký trực tuyến. Yêu cầu là người dùng phải nhập địa chỉ email và hệ thống cần kiểm tra định dạng email hợp lệ ngay trên trình duyệt trước khi gửi đi. Thuộc tính `type` nào của thẻ `` là phù hợp nhất để đáp ứng yêu cầu này?
text
email
url
pattern
Câu hỏi yêu cầu áp dụng kiến thức về các loại input trong HTML5 để chọn loại phù hợp với yêu cầu nhập liệu và kiểm tra định dạng email.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 2: Một biểu mẫu HTML được định nghĩa như sau: ```html
Tên đăng nhập:
Mật khẩu:
``` Nếu người dùng nhập 'admin' vào ô Tên đăng nhập và '12345' vào ô Mật khẩu, sau đó nhấn nút Gửi, URL trên thanh địa chỉ của trình duyệt sẽ có dạng như thế nào (giả sử trang hiện tại là http://example.com)?
Câu hỏi kiểm tra khả năng phân tích cách thức gửi dữ liệu của phương thức GET. Dữ liệu được gắn vào URL dưới dạng cặp khóa=giá trị, phân cách bởi '&', bắt đầu bằng '?'. Tên biến lấy từ thuộc tính 'name' của input.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 3: Bạn cần tạo một vùng nhập liệu cho phép người dùng viết bình luận dài (nhiều dòng) trên trang web. Thẻ HTML nào là phù hợp nhất cho mục đích này?
<input type="text">
<input type="textarea">
<input type="longtext">
<textarea>
Câu hỏi kiểm tra kiến thức về các loại input khác nhau trong biểu mẫu HTML và lựa chọn thẻ phù hợp cho việc nhập văn bản đa dòng.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 4: Khi sử dụng phương thức `POST` để gửi dữ liệu từ biểu mẫu, dữ liệu thường được gửi như thế nào?
Được mã hóa và đính kèm vào cuối URL.
Được gửi trong phần thân (body) của yêu cầu HTTP.
Được hiển thị rõ ràng trên thanh địa chỉ của trình duyệt.
Chỉ gửi tên các trường nhập liệu mà không gửi giá trị.
Câu hỏi yêu cầu hiểu cách thức hoạt động của phương thức POST, đặc biệt là cách dữ liệu được truyền tải.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 5: Một form được khai báo như sau: ```html
``` Khi người dùng gửi form này, dữ liệu sẽ được gửi bằng phương thức nào? Tại sao?
GET, vì đây là phương thức mặc định của thẻ `<form>` khi thuộc tính `method` không được khai báo.
POST, vì đây là phương thức an toàn hơn cho việc gửi dữ liệu.
GET, vì form không chứa dữ liệu nhạy cảm.
POST, vì hầu hết các biểu mẫu hiện đại sử dụng phương thức này.
Câu hỏi kiểm tra kiến thức về giá trị mặc định của thuộc tính `method` trong thẻ `
` khi nó không được chỉ định hoặc để trống.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 6: Thuộc tính `name` của các thẻ ``, `
Để định kiểu (styling) cho các thành phần bằng CSS.
Để tạo nhãn (label) cho các trường nhập liệu.
Để xác định tên của dữ liệu sẽ được gửi đến máy chủ.
Để liên kết các nút radio hoặc checkbox lại với nhau.
Câu hỏi kiểm tra hiểu biết về chức năng cốt lõi của thuộc tính `name` trong các thành phần biểu mẫu, liên quan đến việc xử lý dữ liệu ở phía máy chủ.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 7: Bạn cần tạo một nhóm các tùy chọn mà người dùng chỉ được phép chọn MỘT tùy chọn duy nhất (ví dụ: Giới tính: Nam, Nữ, Khác). Loại thẻ `` với thuộc tính `type` nào là phù hợp nhất?
radio
checkbox
select
option
Câu hỏi yêu cầu áp dụng kiến thức về các loại input để chọn loại phù hợp cho việc lựa chọn độc quyền (chọn một trong nhiều).
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 8: Để liên kết một thẻ `` với một trường nhập liệu (ví dụ: ``) nhằm cải thiện khả năng truy cập (accessibility), bạn sử dụng thuộc tính nào của thẻ `` và thuộc tính nào của trường nhập liệu?
`name` trên `<label>` và `name` trên `<input>`.
`id` trên `<label>` và `id` trên `<input>`.
`for` trên `<label>` và `name` trên `<input>`.
`for` trên `<label>` và `id` trên `<input>`.
Câu hỏi kiểm tra kiến thức về cách sử dụng thẻ `` và các thuộc tính liên quan (`for`, `id`) để tạo liên kết ngữ nghĩa giữa nhãn và trường nhập liệu, quan trọng cho accessibility.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 9: Tại sao phương thức `POST` thường được ưu tiên sử dụng hơn phương thức `GET` khi gửi các dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân?
Vì POST nhanh hơn GET.
Vì POST giới hạn kích thước dữ liệu nhỏ hơn GET.
Vì dữ liệu gửi bằng POST không hiển thị trên thanh địa chỉ của trình duyệt.
Vì POST mã hóa dữ liệu tự động trước khi gửi.
Câu hỏi yêu cầu phân tích lý do lựa chọn giữa GET và POST dựa trên tính chất dữ liệu và vấn đề bảo mật.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 10: Bạn muốn tạo một nút nhấn trong biểu mẫu có chức năng xóa sạch tất cả dữ liệu đã nhập vào các trường. Thuộc tính `type` nào của thẻ `` hoặc thẻ `` là phù hợp?
submit
reset
button
clear
Câu hỏi kiểm tra kiến thức về các loại nút nhấn trong biểu mẫu và chức năng mặc định của chúng.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 11: Xét đoạn mã HTML sau: ```html
Tuổi:
``` Nếu người dùng nhập giá trị '15' vào ô Tuổi và nhấn nút Cập nhật, điều gì có khả năng xảy ra nhất (với trình duyệt hỗ trợ HTML5 validation)?
Trình duyệt sẽ hiển thị thông báo lỗi và ngăn form được gửi đi.
Form sẽ được gửi đi bình thường với giá trị '15'.
Trình duyệt sẽ tự động thay đổi giá trị '15' thành '18'.
Dữ liệu sẽ được gửi đi nhưng máy chủ sẽ từ chối xử lý.
Câu hỏi yêu cầu phân tích tác dụng của các thuộc tính validation (`min`, `max`) trên input type `number` trong HTML5 và dự đoán hành vi của trình duyệt.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 12: Bạn cần tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn TỈNH/THÀNH PHỐ. Các thẻ HTML nào cần được sử dụng để xây dựng cấu trúc này?
Câu hỏi kiểm tra kiến thức về các thẻ HTML được sử dụng để tạo danh sách lựa chọn (dropdown).
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 13: Để một trường nhập liệu trong biểu mẫu (ví dụ: ``) là BẮT BUỘC phải nhập dữ liệu trước khi người dùng có thể gửi form, bạn thêm thuộc tính nào vào thẻ ``?
mandatory
must
required
validate
Câu hỏi kiểm tra kiến thức về thuộc tính validation cơ bản trong HTML5 để đánh dấu trường bắt buộc.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 14: Khi người dùng chọn một hoặc nhiều tùy chọn từ một nhóm các hộp kiểm (checkboxes), dữ liệu được gửi đến máy chủ thường có dạng như thế nào?
Nhiều cặp tên=giá trị với cùng tên (nếu các checkbox có cùng thuộc tính `name`) hoặc tên khác nhau (nếu `name` khác nhau), chỉ gửi các tùy chọn được chọn.
Một cặp tên=giá trị duy nhất chứa tất cả các tùy chọn được chọn, phân cách bởi dấu phẩy.
Chỉ gửi giá trị của tùy chọn được chọn cuối cùng.
Gửi tất cả các tùy chọn trong nhóm, đánh dấu 'true' hoặc 'false' cho từng tùy chọn.
Câu hỏi yêu cầu phân tích cách dữ liệu từ các hộp kiểm (cho phép chọn nhiều) được định dạng khi gửi đi, khác với nút radio.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 15: Bạn cần tạo một trường cho phép người dùng tải lên một tập tin (ví dụ: ảnh đại diện) từ máy tính của họ. Thuộc tính `type` nào của thẻ `` là phù hợp nhất?
document
upload
attachment
file
Câu hỏi kiểm tra kiến thức về input type chuyên dụng cho việc tải tập tin.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 16: Để nhóm các trường nhập liệu có liên quan lại với nhau trong biểu mẫu và cung cấp một tiêu đề cho nhóm đó (ví dụ: 'Thông tin cá nhân'), bạn sử dụng các thẻ nào?
Câu hỏi kiểm tra kiến thức về các thẻ ngữ nghĩa được sử dụng để nhóm và đặt tiêu đề cho các phần của biểu mẫu, cải thiện cấu trúc và accessibility.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 17: Xét đoạn mã form sau: ```html
``` Khi người dùng nhấn nút Tìm kiếm mà không thay đổi nội dung trong ô nhập liệu, URL được tạo ra sẽ là gì (giả sử trang hiện tại là http://mysite.com)?
http://mysite.com/search?query=HTML+Forms
http://mysite.com/search
http://mysite.com/search?query=
http://mysite.com/search?query=Tìm+kiếm
Câu hỏi yêu cầu phân tích cách phương thức GET hoạt động và giá trị mặc định (`value`) của input text được sử dụng khi form được gửi.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 18: Thuộc tính `placeholder` trong thẻ `` có chức năng gì?
Đặt giá trị mặc định cho trường nhập liệu.
Đánh dấu trường nhập liệu là bắt buộc.
Hiển thị văn bản gợi ý (ví dụ: định dạng mong muốn) trong trường nhập liệu khi nó trống.
Đặt tên cho trường nhập liệu khi gửi dữ liệu.
Câu hỏi kiểm tra hiểu biết về thuộc tính giao diện người dùng (`placeholder`) giúp cung cấp gợi ý nhập liệu trong trường input.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 19: Sự khác biệt chính giữa `` và `` là gì?
`<input type="button">` có thể chứa nội dung HTML phong phú, còn `<button type="button">` thì không.
`<button type="button">` có thể chứa nội dung HTML phong phú (như hình ảnh, văn bản định dạng), còn `<input type="button">` chỉ hiển thị văn bản từ thuộc tính `value`.
Chỉ `<input type="button">` có thể được sử dụng trong biểu mẫu.
Chỉ `<button type="button">` có thể kích hoạt JavaScript.
Câu hỏi yêu cầu so sánh hai cách tạo nút nhấn và phân tích sự khác biệt trong nội dung mà chúng có thể chứa.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 20: Bạn đang xây dựng một biểu mẫu tìm kiếm. Người dùng nhập từ khóa và nhấn nút tìm kiếm. Dữ liệu tìm kiếm (từ khóa) có thể hiển thị trên thanh địa chỉ mà không gây rủi ro bảo mật đáng kể. Phương thức gửi dữ liệu nào là lựa chọn phổ biến và phù hợp trong trường hợp này?
GET, vì dữ liệu không nhạy cảm và việc hiển thị trên URL giúp người dùng bookmark hoặc chia sẻ kết quả tìm kiếm.
POST, vì nó an toàn hơn.
Cả hai đều không phù hợp.
PUT, vì đây là thao tác gửi dữ liệu.
Câu hỏi yêu cầu áp dụng kiến thức về GET và POST vào một tình huống cụ thể, phân tích ưu nhược điểm của từng phương thức trong ngữ cảnh tìm kiếm.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 21: Thuộc tính `value` của thẻ `` có tác dụng gì?
Đặt tên cho trường nhập liệu khi gửi dữ liệu.
Đặt giá trị mặc định ban đầu cho trường nhập liệu và là giá trị được gửi đi nếu người dùng không thay đổi.
Hiển thị gợi ý nhập liệu trong trường.
Đánh dấu trường nhập liệu là bắt buộc.
Câu hỏi kiểm tra hiểu biết về thuộc tính `value` của input text, đặc biệt là giá trị ban đầu và giá trị được gửi đi.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 22: Một biểu mẫu cần cho phép người dùng chọn một ngày cụ thể (ví dụ: ngày sinh). Thuộc tính `type` nào của thẻ `` là phù hợp nhất?
text
date-picker
date
calendar
Câu hỏi kiểm tra kiến thức về input type chuyên dụng cho việc chọn ngày tháng.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Câu hỏi kiểm tra kiến thức về thuộc tính để thiết lập giá trị mặc định cho các tùy chọn trong danh sách chọn (``).
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 24: Xét đoạn mã HTML sau: ```html
Đăng ký nhận bản tin
``` Khi người dùng nhấn nút Gửi mà không thay đổi trạng thái của hộp kiểm, dữ liệu nào sẽ được gửi đến máy chủ?
Không có dữ liệu nào được gửi vì hộp kiểm không được tương tác.
Chỉ gửi `newsletter=on`.
Chỉ gửi `newsletter=checked`.
Gửi `newsletter=yes`.
Câu hỏi yêu cầu phân tích cách dữ liệu từ hộp kiểm (checkbox) được gửi đi, đặc biệt khi nó được chọn mặc định (`checked`).
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 25: Mục đích chính của việc sử dụng thẻ `` liên kết với trường nhập liệu bằng thuộc tính `for` và `id` là gì?
Để tự động nhập dữ liệu vào trường khi nhấp vào nhãn.
Để khi người dùng nhấp vào nhãn, con trỏ sẽ tự động di chuyển đến trường nhập liệu tương ứng, và để các công cụ hỗ trợ đọc màn hình (screen readers) có thể đọc nhãn cho trường đó.
Để thay đổi màu sắc của trường nhập liệu khi nhấp vào nhãn.
Để đánh dấu trường nhập liệu là bắt buộc.
Câu hỏi kiểm tra sự hiểu biết sâu sắc hơn về vai trò của thẻ `` trong việc cải thiện trải nghiệm người dùng và accessibility, không chỉ đơn thuần là văn bản hiển thị.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 26: Khi nào thì phương thức `GET` có thể là lựa chọn tốt hơn `POST` để gửi dữ liệu từ biểu mẫu?
Khi dữ liệu không nhạy cảm, kích thước nhỏ và kết quả của việc gửi form có thể cần được đánh dấu trang (bookmark) hoặc chia sẻ (ví dụ: kết quả tìm kiếm).
Khi cần gửi lượng lớn dữ liệu hoặc dữ liệu nhạy cảm.
Khi cần đảm bảo rằng yêu cầu không được lưu vào lịch sử trình duyệt.
Phương thức GET luôn tốt hơn POST.
Câu hỏi yêu cầu phân tích tình huống sử dụng phù hợp cho phương thức GET, dựa trên đặc điểm của nó.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 27: Bạn muốn tạo một trường nhập liệu cho phép người dùng nhập một số điện thoại. Mặc dù có thể dùng `type="text"`, thuộc tính `type` nào của HTML5 cung cấp thêm tính năng hữu ích (như bàn phím ảo tối ưu trên thiết bị di động) cho mục đích này?
number
digit
numeric
tel
Câu hỏi kiểm tra kiến thức về các input type HTML5 mới và lợi ích của chúng (ví dụ: gợi ý bàn phím trên di động).
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 28: Xét đoạn mã form: ```html
Số lượng:
Đặt hàng
``` Nếu người dùng không thay đổi giá trị trong ô Số lượng và nhấn nút Đặt hàng, dữ liệu nào sẽ được gửi đi?
quantity=
qty=1
quantity=1
Không có dữ liệu nào được gửi vì người dùng không nhập liệu.
Câu hỏi yêu cầu phân tích cách dữ liệu từ input type `number` với giá trị mặc định (`value`) được gửi đi khi form được submit.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 29: Đâu là một lý do chính khiến việc sử dụng biểu mẫu (form) là cần thiết cho việc tương tác giữa người dùng và trang web?
Để thu thập thông tin hoặc nhận yêu cầu từ người dùng và gửi đến máy chủ để xử lý.
Để hiển thị nội dung tĩnh của trang web một cách hấp dẫn hơn.
Để điều hướng người dùng đến các trang khác trên website.
Để thực thi các đoạn mã JavaScript trên trình duyệt của người dùng.
Câu hỏi kiểm tra hiểu biết về vai trò cơ bản và mục đích tồn tại của biểu mẫu web.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Chân trời sáng tạo - Bài F5: Tạo biểu mẫu trong trang web
Tags:Bộ đề 10
Câu 30: Giả sử bạn có một nhóm các nút radio với cùng thuộc tính `name="payment_method"`. Khi người dùng chọn một nút radio trong nhóm này, dữ liệu được gửi đi sẽ như thế nào?
Gửi tất cả các nút radio trong nhóm với trạng thái 'checked' hoặc 'unchecked'.
Chỉ gửi một cặp tên=giá trị, trong đó tên là giá trị của thuộc tính `name` ('payment_method') và giá trị là thuộc tính `value` của nút radio được chọn.
Gửi một cặp tên=giá trị, trong đó tên là giá trị của thuộc tính `name` ('payment_method') và giá trị là văn bản hiển thị bên cạnh nút radio được chọn.
Không gửi dữ liệu nào nếu người dùng chỉ chọn một tùy chọn.
Câu hỏi yêu cầu phân tích cách dữ liệu từ nhóm nút radio (chọn một) được gửi đi, nhấn mạnh vai trò của thuộc tính `name` và `value`.