Đề Trắc nghiệm Tin học 12 – Bài 7: Thực hành tạo biểu mẫu (Cánh Diều)
Đề 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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 02
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Khi thực hành tạo biểu mẫu HTML, thẻ nào được sử dụng để định nghĩa toàn bộ khu vực chứa các điều khiển nhập liệu và nút gửi?
A. <input>
B. <label>
C. <form>
D. <button>
Câu 2: Thuộc tính `action` của thẻ `
` có ý nghĩa gì?
A. Xác định phương thức gửi dữ liệu (GET hoặc POST).
B. Chỉ định địa chỉ trang web sẽ xử lý dữ liệu biểu mẫu khi được gửi.
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 đi.
Câu 3: Để tạo một ô nhập liệu dạng văn bản (text box) trong biểu mẫu HTML, bạn sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
A. text
B. textbox
C. string
D. input
Câu 4: Thuộc tính `name` là thuộc tính quan trọng đối với hầu hết các điều khiển nhập liệu trong biểu mẫu HTML. Vai trò chính của thuộc tính `name` là gì?
A. Hiển thị nhãn (label) cho điều khiển trên trang web.
B. Xác định kiểu dữ liệu mà người dùng có thể nhập.
C. Thiết lập giá trị mặc định cho điều khiển.
D. Đặt tên để nhận dạng dữ liệu của điều khiển khi biểu mẫu được gửi đi.
Câu 5: Để tạo một nút gửi biểu mẫu (submit button) có chữ "Đăng ký", bạn sẽ sử dụng mã HTML nào sau đây?
A. <button type=
B. <input type=
C. <input type=
D. <submit value=
Câu 6: Thẻ `
A. Cung cấp nhãn cho điều khiển form, kết hợp với `id` của <input>.
B. Định dạng kiểu chữ và màu sắc cho văn bản trong form.
C. Xác định giá trị mặc định của điều khiển nhập liệu.
D. Tạo một nhóm các điều khiển nhập liệu liên quan.
Câu 7: Giả sử bạn muốn tạo một ô nhập liệu cho "Email" và có một nhãn đi kèm. Đoạn mã HTML nào sau đây thể hiện cách kết hợp nhãn và ô nhập liệu đúng cách theo tiêu chuẩn?
A. <label>Email:</label> <input type=
B. <input type=
C. <label for=
D. <label name=
Câu 8: Để tạo một nhóm các nút chọn (radio buttons) mà người dùng chỉ có thể chọn MỘT phương án duy nhất từ nhóm đó, bạn cần đảm bảo các nút radio trong nhóm có cùng thuộc tính nào?
A. name
B. id
C. value
D. type
Câu 9: Điểm khác biệt cơ bản về chức năng giữa `
A. Radio chỉ gửi giá trị khi được chọn, Checkbox luôn gửi giá trị.
B. Radio cho phép chọn nhiều, Checkbox chỉ cho phép chọn một.
C. Radio hiển thị hình tròn, Checkbox hiển thị hình vuông (đây là hình thức, không phải chức năng cơ bản).
D. Radio cho phép chọn một tùy chọn duy nhất từ nhóm, Checkbox cho phép chọn nhiều tùy chọn.
Câu 10: Bạn đang tạo một biểu mẫu đăng ký và cần hỏi người dùng về giới tính (Nam/Nữ/Khác). Loại điều khiển nhập liệu nào phù hợp nhất để đảm bảo người dùng chỉ chọn một phương án?
A. <input type=
B. <input type=
C. <input type=
D. <input type=
Câu 11: Bạn đang tạo một biểu mẫu khảo sát và muốn người dùng chọn các sở thích của họ từ một danh sách (ví dụ: Đọc sách, Xem phim, Chơi thể thao). Người dùng có thể chọn nhiều sở thích cùng lúc. Loại điều khiển nhập liệu nào phù hợp nhất?
A. <input type=
B. <input type=
C. <input type=
D. <input type=
Câu 12: Đoạn mã HTML nào sau đây tạo ra hai hộp kiểm (checkbox) riêng biệt cho phép người dùng chọn cả hai hoặc không chọn gì cả?
A. <input type=
B. <input type=
C. <input type=
D. <input type=
Câu 13: Trong cấu trúc cơ bản của một tệp HTML chứa biểu mẫu, thẻ `
` thường được đặt ở đâu?
A. Trong phần <head>.
B. Trước thẻ <html>.
C. Sau thẻ đóng </html>.
D. Trong phần <body>.
Câu 14: Giả sử bạn có đoạn mã form như sau: <form action=
A. ho_ten=Nguy%E1%BB%85n+V%C4%83n+A (hoặc dạng mã hóa URL tương đương)
B. ten=Nguy%E1%BB%85n+V%C4%83n+A
C. Chỉ gửi giá trị "Nguyễn Văn A" mà không có tên trường.
D. Không có dữ liệu nào được gửi vì thiếu thuộc tính `action`.
Câu 15: Khi tạo biểu mẫu trong tệp HTML, việc lưu tệp với đuôi `.html` (ví dụ: `bieumau.html`) và mở bằng trình duyệt web (Chrome, Firefox, Edge,...) có mục đích chính là gì?
A. Biên dịch mã HTML thành mã máy tính.
B. Gửi dữ liệu của biểu mẫu đến máy chủ.
C. Xem và kiểm tra giao diện, chức năng của biểu mẫu trên trình duyệt.
D. Lưu trữ dữ liệu người dùng đã nhập vào biểu mẫu.
Câu 16: Bạn đang tạo một nhóm các nút chọn cho màu sắc (Đỏ, Xanh, Vàng). Mã HTML nào sau đây sẽ tạo ra một nhóm nút chọn hoạt động đúng, tức là chỉ có thể chọn một màu duy nhất?
A. <input type=
B. <input type=
C. <input type=
D. <input type=
Câu 17: Xét đoạn mã HTML sau: <form> <label for=
A. Thiếu thuộc tính `name` trong thẻ <input>.
B. Thiếu thuộc tính `value` trong thẻ <input>.
C. Giá trị thuộc tính for trong <label> không khớp với giá trị thuộc tính id trong <input>.
D. Không được đặt thẻ <label> trước thẻ <input>.
Câu 18: Trong quá trình thực hành tạo biểu mẫu, sau khi viết mã HTML cho form, bước tiếp theo để xem kết quả là gì?
A. Lưu tệp HTML và mở bằng trình duyệt web.
B. Chạy mã HTML bằng trình biên dịch.
C. Gửi tệp HTML lên máy chủ.
D. Đóng trình soạn thảo văn bản.
Câu 19: Mục đích của việc sử dụng thuộc tính `id` cho các điều khiển nhập liệu trong form và liên kết với thẻ `
A. Xác định tên của điều khiển khi gửi dữ liệu.
B. Đặt giá trị mặc định cho điều khiển.
C. Tạo nhóm các điều khiển cùng loại.
D. Liên kết nhãn với điều khiển tương ứng, giúp cải thiện khả năng truy cập và trải nghiệm người dùng (ví dụ: nhấp vào nhãn sẽ focus vào ô nhập).
Câu 20: Bạn muốn tạo một form cho phép người dùng tải lên một tệp (ví dụ: ảnh đại diện). Bạn sẽ sử dụng loại `
A. text
B. submit
C. file
D. button
Câu 21: Giả sử bạn có một form với nhiều ô nhập liệu và một nút gửi. Nếu một ô nhập liệu dạng text thiếu thuộc tính `name`, điều gì sẽ xảy ra khi biểu mẫu được gửi đi?
A. Biểu mẫu sẽ không thể gửi đi được.
B. Dữ liệu nhập vào ô đó sẽ không được gửi cùng với biểu mẫu.
C. Ô đó sẽ tự động nhận một tên mặc định.
D. Trình duyệt sẽ báo lỗi và yêu cầu thêm thuộc tính `name`.
Câu 22: Khi tạo một nhóm các hộp kiểm (checkboxes) cho phép chọn nhiều mục (ví dụ: chọn các món ăn yêu thích), thuộc tính `name` của các hộp kiểm này thường được đặt như thế nào?
A. Các hộp kiểm liên quan thường có cùng giá trị cho thuộc tính name.
B. Mỗi hộp kiểm phải có một giá trị name khác nhau.
C. Chỉ hộp kiểm đầu tiên trong nhóm cần có thuộc tính name.
D. Hộp kiểm không cần thuộc tính name.
Câu 23: Đoạn mã HTML sau tạo ra một biểu mẫu đơn giản: <form> Email: <input type=
A. Thiếu thuộc tính action và method cho thẻ <form>.
B. Thiếu việc sử dụng thẻ <label> được liên kết với ô nhập liệu.
C. Thiếu thuộc tính id cho ô nhập liệu.
D. Thiếu thuộc tính value cho ô nhập liệu text.
Câu 24: Thuộc tính `value` trong các loại `
A. Xác định giá trị sẽ được gửi đến máy chủ nếu điều khiển đó được chọn.
B. Đặt văn bản hiển thị bên cạnh điều khiển.
C. Thiết lập trạng thái ban đầu (đã chọn hay chưa chọn).
D. Đặt tên cho điều khiển nhập liệu.
Câu 25: Để một hộp kiểm (checkbox) được đánh dấu sẵn (chọn sẵn) khi trang web vừa tải, bạn cần thêm thuộc tính nào vào thẻ `
A. value=
B. selected=
C. default=
D. checked
Câu 26: Bạn muốn tạo một form đăng ký đơn giản chỉ yêu cầu nhập Họ tên và có một nút gửi. Mã HTML tối thiểu cho phần `
` của form này sẽ trông như thế nào?
A. <input type=
B. <form>Họ tên: <text name=
C. <form>Họ tên: <input type=
D. <body><form><input type=
Câu 27: Xét đoạn mã HTML sau: <form> <input type=
A. size=M
B. size=S, size=M, size=L
C. size=Vừa
D. Không có dữ liệu nào được gửi vì không có ô nhập text.
Câu 28: Phân tích điểm khác nhau trong cách sử dụng thuộc tính `value` giữa `
A. `value` trong text box xác định dữ liệu gửi đi, trong submit button xác định tên nút.
B. `value` trong text box đặt giá trị mặc định, trong submit button đặt văn bản hiển thị trên nút.
C. `value` trong text box không có tác dụng, trong submit button đặt giá trị gửi đi.
D. Cả hai đều dùng `value` để đặt tên cho điều khiển.
Câu 29: Bạn muốn tạo một form yêu cầu người dùng xác nhận rằng họ đã đọc và đồng ý với các điều khoản. Họ chỉ cần đánh dấu vào một ô duy nhất để xác nhận. Loại điều khiển nhập liệu nào phù hợp nhất?
A. <input type=
B. <input type=
C. <input type=
D. <input type=
Câu 30: Trong thực hành tạo biểu mẫu, tại sao việc đặt tên tệp HTML theo quy ước (ví dụ: `Bai7-NV1.html`) lại quan trọng?
A. Để trình duyệt web có thể mở được tệp.
B. Để tệp có thể tự động gửi dữ liệu khi mở.
C. Để giảm dung lượng của tệp HTML.
D. Để dễ dàng quản lý, tìm kiếm và phân biệt các tệp trong quá trình thực hành hoặc phát triển dự án.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 1: Khi thực hành tạo biểu mẫu HTML, thẻ nào được sử dụng để định nghĩa toàn bộ khu vực chứa các điều khiển nhập liệu và nút gửi?
Thẻ `
` trong HTML được sử dụng để tạo một biểu mẫu, bao gồm tất cả các điều khiển nhập liệu như ô văn bản, nút chọn, hộp kiểm và nút gửi.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 2: Thuộc tính `action` của thẻ `
` có ý nghĩa gì?
Thuộc tính `action` quy định URL (địa chỉ) nơi 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 (submit).
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 3: Để tạo một ô nhập liệu dạng văn bản (text box) trong biểu mẫu HTML, bạn sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
Thẻ `` là thẻ chung cho nhiều loại điều khiển nhập liệu. Để tạo ô nhập văn bản, thuộc tính `type` phải được đặt là `text`.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 4: Thuộc tính `name` là thuộc tính quan trọng đối với hầu hết các điều khiển nhập liệu trong biểu mẫu HTML. Vai trò chính của thuộc tính `name` là gì?
Thuộc tính `name` được sử dụng để đặt tên cho điều khiển nhập liệu. Tên này cùng với giá trị người dùng nhập/chọn sẽ được gửi đến máy chủ khi biểu mẫu được submit, giúp máy chủ xác định dữ liệu thuộc về trường nào.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 5: Để tạo một nút gửi biểu mẫu (submit button) có chữ 'Đăng ký', bạn sẽ sử dụng mã HTML nào sau đây?
Nút gửi biểu mẫu được tạo bằng ``. Thuộc tính `value` của loại input này sẽ xác định văn bản hiển thị trên nút.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 6: Thẻ `
Thẻ `
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 7: Giả sử bạn muốn tạo một ô nhập liệu cho 'Email' và có một nhãn đi kèm. Đoạn mã HTML nào sau đây thể hiện cách kết hợp nhãn và ô nhập liệu đúng cách theo tiêu chuẩn?
Để liên kết `` với ``, thuộc tính `for` của `` phải có giá trị giống với thuộc tính `id` của `` tương ứng.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 8: Để tạo một nhóm các nút chọn (radio buttons) mà người dùng chỉ có thể chọn MỘT phương án duy nhất từ nhóm đó, bạn cần đảm bảo các nút radio trong nhóm có cùng thuộc tính nào?
<code>name</code>
<code>id</code>
<code>value</code>
<code>type</code>
Các nút radio có cùng giá trị thuộc tính `name` sẽ được nhóm lại với nhau. Trình duyệt sẽ tự động đảm bảo rằng chỉ một nút trong nhóm đó được chọn tại một thời điểm.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 9: Điểm khác biệt cơ bản về chức năng giữa `` và `` là gì?
Radio chỉ gửi giá trị khi được chọn, Checkbox luôn gửi giá trị.
Radio cho phép chọn nhiều, Checkbox chỉ cho phép chọn một.
Radio hiển thị hình tròn, Checkbox hiển thị hình vuông (đây là hình thức, không phải chức năng cơ bản).
Radio cho phép chọn một tùy chọn duy nhất từ nhóm, Checkbox cho phép chọn nhiều tùy chọn.
Nút radio (type='radio') được sử dụng khi người dùng chỉ được phép chọn MỘT lựa chọn từ một nhóm các tùy chọn. 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.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 10: Bạn đang tạo một biểu mẫu đăng ký và cần hỏi người dùng về giới tính (Nam/Nữ/Khác). Loại điều khiển nhập liệu nào phù hợp nhất để đảm bảo người dùng chỉ chọn một phương án?
<code><input type="text"></code>
<code><input type="radio"></code>
<code><input type="checkbox"></code>
<code><input type="submit"></code>
Vì người dùng chỉ có thể chọn một giới tính, loại điều khiển phù hợp nhất là nút chọn (radio button), nơi các tùy chọn được nhóm lại và chỉ cho phép chọn duy nhất một.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 11: Bạn đang tạo một biểu mẫu khảo sát và muốn người dùng chọn các sở thích của họ từ một danh sách (ví dụ: Đọc sách, Xem phim, Chơi thể thao). Người dùng có thể chọn nhiều sở thích cùng lúc. Loại điều khiển nhập liệu nào phù hợp nhất?
<code><input type="radio"></code>
<code><input type="text"></code>
<code><input type="checkbox"></code>
<code><input type="submit"></code>
Khi người dùng được phép chọn nhiều tùy chọn từ một danh sách, hộp kiểm (checkbox) là loại điều khiển phù hợp.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 12: Đoạn mã HTML nào sau đây tạo ra hai hộp kiểm (checkbox) riêng biệt cho phép người dùng chọn cả hai hoặc không chọn gì cả?
Hộp kiểm (checkbox) cho phép chọn nhiều. Để chúng hoạt động độc lập, chúng cần có thuộc tính `name` khác nhau. Thuộc tính `value` xác định giá trị được gửi đi nếu hộp kiểm đó được chọn.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 13: Trong cấu trúc cơ bản của một tệp HTML chứa biểu mẫu, thẻ `
` thường được đặt ở đâu?
Trong phần <code><head></code>.
Trước thẻ <code><html></code>.
Sau thẻ đóng <code></html></code>.
Trong phần <code><body></code>.
Nội dung hiển thị của trang web, bao gồm cả biểu mẫu, được đặt trong phần `
` của tài liệu HTML.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 14: Giả sử bạn có đoạn mã form như sau:
Tên:
Nếu người dùng nhập 'Nguyễn Văn A' vào ô Tên và nhấn nút 'Gửi đi', dữ liệu nào sẽ được gửi đến địa chỉ '/submit'?
<code>ho_ten=Nguy%E1%BB%85n+V%C4%83n+A</code> (hoặc dạng mã hóa URL tương đương)
<code>ten=Nguy%E1%BB%85n+V%C4%83n+A</code>
Chỉ gửi giá trị 'Nguyễn Văn A' mà không có tên trường.
Không có dữ liệu nào được gửi vì thiếu thuộc tính `action`.
Khi biểu mẫu được gửi, dữ liệu của các điều khiển nhập liệu có thuộc tính `name` sẽ được gửi đi dưới dạng cặp `name=value`. Trong trường hợp này, ô nhập liệu có `name="ho_ten"` và giá trị người dùng nhập là 'Nguyễn Văn A'.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 15: Khi tạo biểu mẫu trong tệp HTML, việc lưu tệp với đuôi `.html` (ví dụ: `bieumau.html`) và mở bằng trình duyệt web (Chrome, Firefox, Edge,...) có mục đích chính là gì?
Biên dịch mã HTML thành mã máy tính.
Gửi dữ liệu của biểu mẫu đến máy chủ.
Xem và kiểm tra giao diện, chức năng của biểu mẫu trên trình duyệt.
Lưu trữ dữ liệu người dùng đã nhập vào biểu mẫu.
Lưu tệp với đuôi `.html` và mở bằng trình duyệt là cách tiêu chuẩn để xem kết quả hiển thị của mã HTML mà bạn đã viết, kiểm tra xem biểu mẫu có hiển thị đúng như mong đợi hay không.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 16: Bạn đang tạo một nhóm các nút chọn cho màu sắc (Đỏ, Xanh, Vàng). Mã HTML nào sau đây sẽ tạo ra một nhóm nút chọn hoạt động đúng, tức là chỉ có thể chọn một màu duy nhất?
Để các nút radio hoạt động như một nhóm (chọn một), chúng phải có cùng giá trị cho thuộc tính `name`. Thuộc tính `value` xác định giá trị cụ thể của từng lựa chọn khi nó được chọn.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 17: Xét đoạn mã HTML sau:
Tuổi:
Đoạn mã này có một lỗi tiềm ẩn trong việc kết hợp nhãn và ô nhập liệu. Lỗi đó là gì?
Thiếu thuộc tính `name` trong thẻ <code><input></code>.
Thiếu thuộc tính `value` trong thẻ <code><input></code>.
Giá trị thuộc tính <code>for</code> trong <code><label></code> không khớp với giá trị thuộc tính <code>id</code> trong <code><input></code>.
Không được đặt thẻ <code><label></code> trước thẻ <code><input></code>.
Để thẻ `` liên kết đúng với ``, giá trị của thuộc tính `for` trong `` phải khớp chính xác với giá trị của thuộc tính `id` trong ``. Trong đoạn mã này, `for="tuoi"` nhưng `id="age"`, do đó liên kết không được thiết lập đúng.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 18: Trong quá trình thực hành tạo biểu mẫu, sau khi viết mã HTML cho form, bước tiếp theo để xem kết quả là gì?
Lưu tệp HTML và mở bằng trình duyệt web.
Chạy mã HTML bằng trình biên dịch.
Gửi tệp HTML lên máy chủ.
Đóng trình soạn thảo văn bản.
Sau khi viết hoặc chỉnh sửa mã HTML, bạn cần lưu tệp lại và mở nó bằng một trình duyệt web để xem biểu mẫu hiển thị như thế nào.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 19: Mục đích của việc sử dụng thuộc tính `id` cho các điều khiển nhập liệu trong form và liên kết với thẻ `` là gì?
Xác định tên của điều khiển khi gửi dữ liệu.
Đặt giá trị mặc định cho điều khiển.
Tạo nhóm các điều khiển cùng loại.
Liên kết nhãn với điều khiển tương ứng, giúp cải thiện khả năng truy cập và trải nghiệm người dùng (ví dụ: nhấp vào nhãn sẽ focus vào ô nhập).
Việc liên kết `` với `` bằng cách sử dụng `for` và `id` giúp cải thiện khả năng truy cập. Khi người dùng nhấp vào nhãn, điều khiển nhập liệu tương ứng sẽ được tập trung (focus), điều này rất hữu ích cho người dùng sử dụng bàn phím hoặc các công cụ hỗ trợ.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 20: Bạn muốn tạo một form cho phép người dùng tải lên một tệp (ví dụ: ảnh đại diện). Bạn sẽ sử dụng loại `` nào?
<code>text</code>
<code>submit</code>
<code>file</code>
<code>button</code>
Loại input `file` được sử dụng để tạo một điều khiển 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.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 21: Giả sử bạn có một form với nhiều ô nhập liệu và một nút gửi. Nếu một ô nhập liệu dạng text thiếu thuộc tính `name`, điều gì sẽ xảy ra khi biểu mẫu được gửi đi?
Biểu mẫu sẽ không thể gửi đi được.
Dữ liệu nhập vào ô đó sẽ không được gửi cùng với biểu mẫu.
Ô đó sẽ tự động nhận một tên mặc định.
Trình duyệt sẽ báo lỗi và yêu cầu thêm thuộc tính `name`.
Chỉ các điều khiển nhập liệu có thuộc tính `name` mới được gửi dữ liệu khi biểu mẫu được submit. Nếu một ô nhập liệu thiếu `name`, dữ liệu người dùng nhập vào ô đó sẽ không được gửi đi.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 22: Khi tạo một nhóm các hộp kiểm (checkboxes) cho phép chọn nhiều mục (ví dụ: chọn các món ăn yêu thích), thuộc tính `name` của các hộp kiểm này thường được đặt như thế nào?
Các hộp kiểm liên quan thường có cùng giá trị cho thuộc tính <code>name</code>.
Mỗi hộp kiểm phải có một giá trị <code>name</code> khác nhau.
Chỉ hộp kiểm đầu tiên trong nhóm cần có thuộc tính <code>name</code>.
Hộp kiểm không cần thuộc tính <code>name</code>.
Mặc dù hộp kiểm cho phép chọn nhiều, nhưng để nhóm các lựa chọn liên quan lại với nhau và gửi chúng dưới cùng một 'nhóm tên' đến máy chủ, các hộp kiểm trong cùng một nhóm thường có cùng thuộc tính `name`, thường kết thúc bằng `[]` (ví dụ: `name="so_thich[]"`) để máy chủ có thể nhận dữ liệu dưới dạng một mảng các giá trị đã chọn.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 23: Đoạn mã HTML sau tạo ra một biểu mẫu đơn giản:
Email:
Theo tiêu chuẩn thực hành tốt về khả năng truy cập, đoạn mã này thiếu thành phần nào quan trọng?
Thiếu thuộc tính <code>action</code> và <code>method</code> cho thẻ <code><form></code>.
Thiếu việc sử dụng thẻ <code><label></code> được liên kết với ô nhập liệu.
Thiếu thuộc tính <code>id</code> cho ô nhập liệu.
Thiếu thuộc tính <code>value</code> cho ô nhập liệu text.
Đoạn mã này hiển thị nhãn 'Email:' nhưng không sử dụng thẻ `` được liên kết với ô nhập liệu bằng `for` và `id`. Việc sử dụng thẻ `` đúng cách là thực hành tốt cho khả năng truy cập.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 24: Thuộc tính `value` trong các loại `` và `` có ý nghĩa gì?
Xác định giá trị sẽ được gửi đến máy chủ nếu điều khiển đó được chọn.
Đặt văn bản hiển thị bên cạnh điều khiển.
Thiết lập trạng thái ban đầu (đã chọn hay chưa chọn).
Đặt tên cho điều khiển nhập liệu.
Đối với radio button và checkbox, thuộc tính `value` xác định giá trị *cụ thể* sẽ được gửi đến máy chủ nếu điều khiển đó được chọn. Ví dụ: `` - nếu chọn nút này, cặp dữ liệu gửi đi sẽ là `gioitinh=nu`.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 25: Để một hộp kiểm (checkbox) được đánh dấu sẵn (chọn sẵn) khi trang web vừa tải, bạn cần thêm thuộc tính nào vào thẻ ``?
<code>value="checked"</code>
<code>selected="true"</code>
<code>default="checked"</code>
<code>checked</code>
Thuộc tính boolean `checked` được sử dụng để chỉ định rằng một nút radio hoặc hộp kiểm nên được chọn sẵn khi trang tải lần đầu.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 26: Bạn muốn tạo một form đăng ký đơn giản chỉ yêu cầu nhập Họ tên và có một nút gửi. Mã HTML tối thiểu cho phần `
<code><body><form><input type="text" name="hoten"><input type="submit"></form></body></code> (Câu hỏi chỉ yêu cầu phần body của form, không phải toàn bộ body)
Một form tối thiểu cần thẻ `
`, ít nhất một điều khiển nhập liệu (ở đây là ô nhập Họ tên với `type="text"` và thuộc tính `name`) và một nút gửi (`type="submit"`).
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 27: Xét đoạn mã HTML sau:
Nhỏ Vừa Lớn
Khi người dùng vừa tải trang và nhấn nút 'Đặt hàng' ngay lập tức (không thay đổi lựa chọn), dữ liệu nào sẽ được gửi đi?
<code>size=M</code>
<code>size=S, size=M, size=L</code>
<code>size=Vừa</code>
Không có dữ liệu nào được gửi vì không có ô nhập text.
Nút radio với thuộc tính `checked` sẽ được chọn mặc định khi trang tải. Khi biểu mẫu được gửi, chỉ nút radio được chọn mới gửi dữ liệu. Nút 'Vừa' có `value="M"` và `name="size"` và được đánh dấu `checked`.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 28: Phân tích điểm khác nhau trong cách sử dụng thuộc tính `value` giữa `` và ``.
`value` trong text box xác định dữ liệu gửi đi, trong submit button xác định tên nút.
`value` trong text box đặt giá trị mặc định, trong submit button đặt văn bản hiển thị trên nút.
`value` trong text box không có tác dụng, trong submit button đặt giá trị gửi đi.
Cả hai đều dùng `value` để đặt tên cho điều khiển.
Với ``, `value` thiết lập giá trị mặc định xuất hiện trong ô nhập liệu. Với ``, `value` xác định văn bản hiển thị trên nút.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 29: Bạn muốn tạo một form yêu cầu người dùng xác nhận rằng họ đã đọc và đồng ý với các điều khoản. Họ chỉ cần đánh dấu vào một ô duy nhất để xác nhận. Loại điều khiển nhập liệu nào phù hợp nhất?
<code><input type="checkbox"></code>
<code><input type="radio"></code>
<code><input type="text"></code>
<code><input type="submit"></code>
Tình huống 'đánh dấu để xác nhận' là điển hình của việc sử dụng hộp kiểm (checkbox), vì nó thể hiện trạng thái 'đã chọn' hoặc 'chưa chọn' cho một tùy chọn duy nhất.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 02
Câu 30: Trong thực hành tạo biểu mẫu, tại sao việc đặt tên tệp HTML theo quy ước (ví dụ: `Bai7-NV1.html`) lại quan trọng?
Để trình duyệt web có thể mở được tệp.
Để tệp có thể tự động gửi dữ liệu khi mở.
Để giảm dung lượng của tệp HTML.
Để dễ dàng quản lý, tìm kiếm và phân biệt các tệp trong quá trình thực hành hoặc phát triển dự án.
Việc đặt tên tệp theo quy ước giúp tổ chức các tệp dự án một cách rõ ràng, dễ dàng tìm kiếm và quản lý, đặc biệt khi làm việc với nhiều tệp hoặc trong các dự án lớn.
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 03
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Khi tạo một biểu mẫu HTML cơ bản để thu thập thông tin người dùng, thẻ HTML nào là bắt buộc để bao bọc toàn bộ các điều khiển nhập liệu?
A.
B.
C.
D.
Câu 2: Bạn muốn 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ụ như tên hoặc địa chỉ email. Loại `type` nào của thẻ `` là phù hợp nhất?
A.
B.
C.
D.
Câu 3: Để tạo một nhóm các lựa chọn mà người dùng chỉ có thể chọn ĐÚNG 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 `type` nào của thẻ `` và thuộc tính nào để nhóm chúng lại?
A. `type=
B. `type=
C. `type=
D. `type=
Câu 4: Bạn muốn tạo một danh sách các sở thích mà người dùng có thể chọn NHIỀU phương án (ví dụ: Đọc sách, Chơi thể thao, Du lịch). Loại `type` nào của thẻ `` là phù hợp nhất?
A.
B.
C.
D.
Câu 5: Thẻ `` trong biểu mẫu HTML có vai trò gì quan trọng, đặc biệt đối với khả năng tiếp cận (accessibility)?
A. Chỉ dùng để định dạng văn bản mô tả cho đẹp mắt.
B. Tạo nút gửi dữ liệu của biểu mẫu.
C. Liên kết văn bản mô tả với một điều khiển nhập liệu (input) để cải thiện khả năng tiếp cận và trải nghiệm người dùng.
D. Xác thực dữ liệu người dùng nhập vào.
Câu 6: Để liên kết một thẻ `` với một thẻ ``, bạn cần sử dụng thuộc tính nào trên cả hai thẻ và giá trị của chúng phải như thế nào?
A. `label` có thuộc tính `name`, `input` có thuộc tính `id`, giá trị phải khác nhau.
B. `label` có thuộc tính `for`, `input` có thuộc tính `id`, giá trị phải giống nhau.
C. `label` có thuộc tính `id`, `input` có thuộc tính `name`, giá trị phải giống nhau.
D. `label` có thuộc tính `value`, `input` có thuộc tính `type`, giá trị phải giống nhau.
Câu 7: Xem xét đoạn mã HTML sau:
```html
A. Con trỏ sẽ tự động di chuyển vào ô nhập liệu "Địa chỉ Email:".
B. Biểu mẫu sẽ được gửi đi.
C. Trang web sẽ tải lại.
D. Không có gì xảy ra vì `type=
Câu 8: Thẻ `
A. Tạo một ô nhập liệu văn bản.
B. Tạo một nút để đặt lại (reset) biểu mẫu.
C. Tạo một nút bấm thông thường không có chức năng mặc định.
D. Tạo một nút để gửi dữ liệu của biểu mẫu đến máy chủ.
Câu 9: Khi bạn lưu tệp HTML chứa biểu mẫu và mở nó bằng trình duyệt web (như Chrome, Firefox, Edge), mục đích chính của việc này là gì?
A. Xem biểu mẫu được hiển thị như thế nào trên giao diện người dùng.
B. Chỉnh sửa mã nguồn HTML trực tiếp.
C. Gửi dữ liệu của biểu mẫu đến máy chủ.
D. Kiểm tra cú pháp HTML có lỗi hay không (cần công cụ khác).
Câu 10: Trong Bài 7 (Thực hành tạo biểu mẫu), Nhiệm vụ 1 yêu cầu tạo biểu mẫu có ô Text nhập dữ liệu. Nhiệm vụ 2 yêu cầu thêm các điều khiển nhập liệu lựa chọn (radio, checkbox) và nút gửi. Việc chia thành các nhiệm vụ nhỏ như vậy giúp người học điều gì?
A. Giảm bớt số lượng mã HTML cần viết.
B. Chỉ tập trung vào một loại điều khiển nhập liệu duy nhất.
C. Tiếp cận và thực hành từng phần kiến thức/kỹ năng một cách có hệ thống và dễ quản lý.
D. Bắt buộc phải sử dụng các tên tệp cụ thể.
Câu 11: Bạn đang thiết kế một biểu mẫu đăng ký và muốn có một ô nhập liệu cho người dùng nhập mật khẩu. Để đảm bảo nội dung mật khẩu không hiển thị khi gõ, bạn nên sử dụng loại `type` nào cho thẻ ``?
A.
B.
C.
D.
Câu 12: Xem xét đoạn mã cho một nhóm nút chọn giới tính:
```html Giới tính:
A. Chỉ có thể chọn "Nam".
B. Chỉ có thể chọn "Nữ".
C. Không thể chọn bất kỳ phương án nào.
D. Có thể chọn cả "Nam" và "Nữ" cùng lúc.
Câu 13: Bạn muốn một ô nhập liệu văn bản hiển thị gợi ý mờ bên trong cho người dùng biết họ nên nhập gì (ví dụ: "Nhập tên đầy đủ"). Thuộc tính HTML nào của thẻ `` cho phép làm điều này?
A. value
B. placeholder
C. label
D. hint
Câu 14: Khi tạo một hộp kiểm (checkbox) cho mục "Đồng ý với Điều khoản dịch vụ", bạn muốn mặc định hộp kiểm này được chọn sẵn khi trang tải lên. Thuộc tính boolean nào của thẻ `
A. checked
B. selected
C. default
D. active
Câu 15: Trong cấu trúc cơ bản của một tệp HTML dùng để tạo biểu mẫu, phần tử `
` nằm ở đâu và có chức năng gì?
A. Trong phần ``, hiển thị tiêu đề lớn trên trang.
B. Trong phần `
`, đặt tên cho biểu mẫu.
C. Trong phần ``, hiển thị tiêu đề của trang trên thanh tiêu đề/tab của trình duyệt.
D. Trong phần `
Câu 16: Bạn muốn tạo một nút trong biểu mẫu có văn bản hiển thị là
A.
B.
Câu 17: Xem xét đoạn mã HTML:
```html
A. newsletter=Đăng ký nhận bản tin
B. id=newsletter
C. subscribe=yes
D. value=yes
Câu 18: Bạn muốn một ô nhập liệu văn bản cho email phải được điền trước khi biểu mẫu có thể gửi đi. Thuộc tính boolean nào của thẻ `` cần thêm vào?
A. validate
B. mustfill
C. mandatory
D. required
Câu 19: Trong Nhiệm vụ 2 của Bài 7, sau khi mở tệp `Bai7-NV1.html` và thêm các điều khiển mới, yêu cầu là phải lưu tệp với tên `Bai7-NV2.html`. Hành động này giúp người học điều gì?
A. Xóa bỏ hoàn toàn kết quả của Nhiệm vụ 1.
B. Giữ lại kết quả của Nhiệm vụ 1 và tạo một tệp mới cho kết quả của Nhiệm vụ 2.
C. Tự động gửi tệp lên một máy chủ web.
D. Thay đổi loại tệp từ HTML sang một định dạng khác.
Câu 20: Bạn đang xây dựng một biểu mẫu khảo sát và muốn người dùng nhập tuổi của họ. Bạn muốn đảm bảo họ chỉ nhập số nguyên dương. Loại `type` nào của thẻ `` là phù hợp nhất để trình duyệt có thể cung cấp các tính năng hỗ trợ nhập số (ví dụ: mũi tên lên/xuống) và có thể giúp xác thực sơ bộ?
A.
B.
C.
D.
Câu 21: Xem xét đoạn mã HTML:
```html
A. Đến URL `/submit_form` bằng phương thức POST.
B. Đến URL `/submit_form` bằng phương thức GET.
C. Đến URL `/submit_form` và lưu vào bộ nhớ cục bộ.
D. Không gửi đi đâu cả vì không có máy chủ.
Câu 22: Bạn muốn tạo một biểu mẫu cho phép người dùng chọn màu sắc yêu thích từ một bảng màu. Loại `type` nào của thẻ `` là phù hợp nhất cho mục đích này?
A.
B.
C.
D.
Câu 23: Để tạo một nút mà khi nhấn vào chỉ thực hiện một hành động JavaScript (ví dụ: hiển thị thông báo, thay đổi nội dung trang) mà KHÔNG gửi dữ liệu biểu mẫu đi, bạn nên sử dụng loại `type` nào cho thẻ `
A.
Câu 24: Thuộc tính `value` trong thẻ `
A. Xác định tên của điều khiển khi gửi dữ liệu.
B. Hiển thị văn bản gợi ý mờ bên trong ô nhập liệu.
C. Xác định loại điều khiển nhập liệu.
D. Thiết lập giá trị mặc định ban đầu cho ô nhập liệu.
Câu 25: Đoạn mã HTML nào sau đây tạo ra một nhóm hộp kiểm (checkbox) cho phép người dùng chọn nhiều loại trái cây yêu thích?
A.
B.
C.
D.
Câu 26: Khi bạn sử dụng trình soạn thảo văn bản (như Notepad, VS Code) để viết mã HTML cho biểu mẫu, bước tiếp theo để xem kết quả trên trình duyệt là gì?
A. Chạy tệp HTML như một chương trình.
B. Tải tệp HTML lên một máy chủ web.
C. Biên dịch tệp HTML thành một định dạng khác.
D. Mở tệp HTML bằng một trình duyệt web bất kỳ.
Câu 27: Bạn muốn tạo một ô nhập liệu cho ngày sinh. Loại `type` nào của thẻ `` có thể cung cấp giao diện chọn ngày thân thiện với người dùng (ví dụ: lịch)?
A.
B.
C.
D.
Câu 28: Tại sao việc đặt tên (sử dụng thuộc tính `name`) cho các điều khiển nhập liệu trong biểu mẫu lại quan trọng khi gửi dữ liệu?
A. Chỉ để định dạng giao diện của điều khiển.
B. Để xác định tên của dữ liệu được gửi đi cùng với giá trị của nó.
C. Để liên kết với thẻ `` (đó là thuộc tính `id`).
D. Để thiết lập giá trị mặc định cho điều khiển.
Câu 29: Xem xét đoạn mã HTML sau:
```html
Chọn màu yêu thích:
A. color=Đỏ
B. color=Xanh dương
C. color=green
D. id=green
Câu 30: Mục đích chính của việc thực hành tạo biểu mẫu HTML trong Bài 7 là giúp người học đạt được kỹ năng cốt lõi nào?
A. Thiết kế và triển khai giao diện thu thập dữ liệu người dùng trên trang web sử dụng các thẻ HTML cơ bản.
B. Lập trình xử lý dữ liệu biểu mẫu ở phía máy chủ (server-side).
C. Thiết kế cơ sở dữ liệu để lưu trữ thông tin từ biểu mẫu.
D. Tạo hiệu ứng động cho các điều khiển trong biểu mẫu bằng JavaScript.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 1: Khi tạo một biểu mẫu HTML cơ bản để thu thập thông tin người dùng, thẻ HTML nào là bắt buộc để bao bọc toàn bộ các điều khiển nhập liệu?
<div>
<form>
<table>
<section>
Thẻ `
` được sử dụng để định nghĩa một biểu mẫu HTML, nơi chứa các phần tử tương tác như ô nhập liệu, nút, v.v. Các thẻ khác không có vai trò này.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 2: Bạn muốn 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ụ như tên hoặc địa chỉ email. Loại `type` nào của thẻ `` là phù hợp nhất?
<input type="password">
<input type="button">
<input type="text">
<input type="radio">
`` được sử dụng để tạo ô nhập liệu văn bản một dòng. Các loại khác dùng cho mật khẩu (`password`), nút bấm (`button`) hoặc lựa chọn (`radio`).
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 3: Để tạo một nhóm các lựa chọn mà người dùng chỉ có thể chọn ĐÚNG 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 `type` nào của thẻ `` và thuộc tính nào để nhóm chúng lại?
`type="checkbox"` và cùng thuộc tính `id`
`type="text"` và cùng thuộc tính `value`
`type="button"` và cùng thuộc tính `class`
`type="radio"` và cùng thuộc tính `name`
Nút chọn (radio button) (``) cho phép chọn một trong một nhóm. Các nút radio trong cùng một nhóm phải có cùng thuộc tính `name` để trình duyệt hiểu rằng chúng thuộc về nhau và chỉ cho phép chọn một.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 4: Bạn muốn tạo một danh sách các sở thích mà người dùng có thể chọn NHIỀU phương án (ví dụ: Đọc sách, Chơi thể thao, Du lịch). Loại `type` nào của thẻ `` là phù hợp nhất?
<input type="checkbox">
<input type="radio">
<input type="text">
<input type="submit">
Hộp kiểm (checkbox) (``) cho phép người dùng chọn không hoặc nhiều lựa chọn từ một danh sách các tùy chọn.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 5: Thẻ `` trong biểu mẫu HTML có vai trò gì quan trọng, đặc biệt đối với khả năng tiếp cận (accessibility)?
Chỉ dùng để định dạng văn bản mô tả cho đẹp mắt.
Tạo nút gửi dữ liệu của biểu mẫu.
Liên kết văn bản mô tả với một điều khiển nhập liệu (input) để cải thiện khả năng tiếp cận và trải nghiệm người dùng.
Xác thực dữ liệu người dùng nhập vào.
Thẻ `` giúp liên kết mô tả với điều khiển nhập liệu. Điều này cải thiện khả năng tiếp cận cho người dùng sử dụng công cụ đọc màn hình (screen reader) và cho phép người dùng nhấp vào nhãn để tập trung vào (focus) hoặc chọn điều khiển tương ứng.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 6: Để liên kết một thẻ `` với một thẻ ``, bạn cần sử dụng thuộc tính nào trên cả hai thẻ và giá trị của chúng phải như thế nào?
`label` có thuộc tính `name`, `input` có thuộc tính `id`, giá trị phải khác nhau.
`label` có thuộc tính `for`, `input` có thuộc tính `id`, giá trị phải giống nhau.
`label` có thuộc tính `id`, `input` có thuộc tính `name`, giá trị phải giống nhau.
`label` có thuộc tính `value`, `input` có thuộc tính `type`, giá trị phải giống nhau.
Thuộc tính `for` của thẻ `` phải khớp với thuộc tính `id` của thẻ `` tương ứng để tạo liên kết ngữ nghĩa giữa nhãn và điều khiển.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 7: Xem xét đoạn mã HTML sau:
```html
Địa chỉ Email:
```
Khi người dùng nhấp vào văn bản "Địa chỉ Email:", điều gì sẽ xảy ra?
Con trỏ sẽ tự động di chuyển vào ô nhập liệu 'Địa chỉ Email:'.
Biểu mẫu sẽ được gửi đi.
Trang web sẽ tải lại.
Không có gì xảy ra vì `type="text"` không hỗ trợ liên kết với label.
Nhờ có liên kết giữa `` và ``, khi nhấp vào nhãn, trình duyệt sẽ tự động đưa con trỏ vào ô nhập liệu tương ứng.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 8: Thẻ `` được sử dụng để làm gì trong biểu mẫu HTML?
Tạo một ô nhập liệu văn bản.
Tạo một nút để đặt lại (reset) biểu mẫu.
Tạo một nút bấm thông thường không có chức năng mặc định.
Tạo một nút để gửi dữ liệu của biểu mẫu đến máy chủ.
Nút submit có chức năng gửi dữ liệu từ biểu mẫu đến địa chỉ được chỉ định bởi thuộc tính `action` của thẻ `
`.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 9: Khi bạn lưu tệp HTML chứa biểu mẫu và mở nó bằng trình duyệt web (như Chrome, Firefox, Edge), mục đích chính của việc này là gì?
Xem biểu mẫu được hiển thị như thế nào trên giao diện người dùng.
Chỉnh sửa mã nguồn HTML trực tiếp.
Gửi dữ liệu của biểu mẫu đến máy chủ.
Kiểm tra cú pháp HTML có lỗi hay không (cần công cụ khác).
Trình duyệt web có nhiệm vụ đọc mã HTML và hiển thị giao diện trực quan của trang web, bao gồm cả biểu mẫu. Việc mở tệp bằng trình duyệt giúp bạn xem kết quả thiết kế của mình.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 10: Trong Bài 7 (Thực hành tạo biểu mẫu), Nhiệm vụ 1 yêu cầu tạo biểu mẫu có ô Text nhập dữ liệu. Nhiệm vụ 2 yêu cầu thêm các điều khiển nhập liệu lựa chọn (radio, checkbox) và nút gửi. Việc chia thành các nhiệm vụ nhỏ như vậy giúp người học điều gì?
Giảm bớt số lượng mã HTML cần viết.
Chỉ tập trung vào một loại điều khiển nhập liệu duy nhất.
Tiếp cận và thực hành từng phần kiến thức/kỹ năng một cách có hệ thống và dễ quản lý.
Bắt buộc phải sử dụng các tên tệp cụ thể.
Chia bài thực hành thành các nhiệm vụ nhỏ giúp người học tiếp cận từng phần kiến thức và kỹ năng một cách có hệ thống, từ cơ bản đến nâng cao, dễ dàng kiểm tra và sửa lỗi từng bước.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 11: Bạn đang thiết kế một biểu mẫu đăng ký và muốn có một ô nhập liệu cho người dùng nhập mật khẩu. Để đảm bảo nội dung mật khẩu không hiển thị khi gõ, bạn nên sử dụng loại `type` nào cho thẻ ``?
<input type="password">
<input type="text">
<input type="hidden">
<input type="email">
`` sẽ hiển thị các ký tự được che đi (thường là dấu chấm hoặc sao) khi người dùng gõ, bảo mật hơn so với `type="text"`.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 12: Xem xét đoạn mã cho một nhóm nút chọn giới tính:
```html Giới tính:
Nam
Nữ
```
Nếu bạn bỏ thuộc tính `name="gender"` khỏi cả hai thẻ ``, điều gì sẽ xảy ra?
Chỉ có thể chọn 'Nam'.
Chỉ có thể chọn 'Nữ'.
Không thể chọn bất kỳ phương án nào.
Có thể chọn cả 'Nam' và 'Nữ' cùng lúc.
Các nút radio trong cùng một nhóm phải có cùng thuộc tính `name`. Nếu không có `name` hoặc `name` khác nhau, trình duyệt sẽ coi mỗi nút radio là một nhóm riêng biệt và cho phép người dùng chọn cả hai phương án cùng lúc, trái với mục đích của radio button.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 13: Bạn muốn một ô nhập liệu văn bản hiển thị gợi ý mờ bên trong cho người dùng biết họ nên nhập gì (ví dụ: 'Nhập tên đầy đủ'). Thuộc tính HTML nào của thẻ `` cho phép làm điều này?
value
placeholder
label
hint
Thuộc tính `placeholder` hiển thị văn bản gợi ý (placeholder text) 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 gõ.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 14: Khi tạo một hộp kiểm (checkbox) cho mục 'Đồng ý với Điều khoản dịch vụ', bạn muốn mặc định hộp kiểm này được chọn sẵn khi trang tải lên. Thuộc tính boolean nào của thẻ `` cần sử dụng?
checked
selected
default
active
Thuộc tính `checked` (không cần gán giá trị, chỉ cần thêm thuộc tính) sẽ làm cho hộp kiểm hoặc nút radio được chọn sẵn khi trang được tải.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 15: Trong cấu trúc cơ bản của một tệp HTML dùng để tạo biểu mẫu, phần tử `
` nằm ở đâu và có chức năng gì?
Trong phần `<body>`, hiển thị tiêu đề lớn trên trang.
Trong phần `<form>`, đặt tên cho biểu mẫu.
Trong phần `<head>`, hiển thị tiêu đề của trang trên thanh tiêu đề/tab của trình duyệt.
Trong phần `<footer>`, hiển thị thông tin bản quyền.
Phần tử `
` nằm trong phần `` của tài liệu HTML và văn bản bên trong thẻ này sẽ hiển thị trên thanh tiêu đề của cửa sổ trình duyệt hoặc tab.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 16: Bạn muốn tạo một nút trong biểu mẫu có văn bản hiển thị là "Đăng ký". Mã HTML nào sau đây là đúng và phổ biến nhất để tạo nút gửi dữ liệu với văn bản đó?
<input type="submit" value="Đăng ký">
<button type="submit">Đăng ký</button>
<input type="button" value="Đăng ký">
<input type="text" value="Đăng ký">
`` tạo một nút gửi dữ liệu, và thuộc tính `value` xác định văn bản hiển thị trên nút đó. Thẻ `Đăng ký` cũng làm tương tự và linh hoạt hơn trong việc chứa nội dung phức tạp, nhưng `` là cách cơ bản thường được giới thiệu đầu tiên.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 17: Xem xét đoạn mã HTML:
```html
Đăng ký nhận bản tin
```
Nếu người dùng chọn hộp kiểm này và gửi biểu mẫu, dữ liệu nào có khả năng được gửi đi cho điều khiển này?
newsletter=Đăng ký nhận bản tin
id=newsletter
subscribe=yes
value=yes
Khi một hộp kiểm được chọn và biểu mẫu được gửi, cặp `name=value` của hộp kiểm đó sẽ được gửi đi. Trong trường hợp này, `name` là 'subscribe' và `value` là 'yes'.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 18: Bạn muốn một ô nhập liệu văn bản cho email phải được điền trước khi biểu mẫu có thể gửi đi. Thuộc tính boolean nào của thẻ `` cần thêm vào?
validate
mustfill
mandatory
required
Thuộc tính `required` (không cần gán giá trị) làm cho trường nhập liệu đó trở thành bắt buộc. Trình duyệt sẽ ngăn việc gửi biểu mẫu và hiển thị thông báo nếu trường này trống.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 19: Trong Nhiệm vụ 2 của Bài 7, sau khi mở tệp `Bai7-NV1.html` và thêm các điều khiển mới, yêu cầu là phải lưu tệp với tên `Bai7-NV2.html`. Hành động này giúp người học điều gì?
Xóa bỏ hoàn toàn kết quả của Nhiệm vụ 1.
Giữ lại kết quả của Nhiệm vụ 1 và tạo một tệp mới cho kết quả của Nhiệm vụ 2.
Tự động gửi tệp lên một máy chủ web.
Thay đổi loại tệp từ HTML sang một định dạng khác.
Lưu với tên mới giúp giữ lại phiên bản trước của bài thực hành (Nhiệm vụ 1) và tạo ra một phiên bản mới chứa các thay đổi của Nhiệm vụ 2. Điều này giúp theo dõi tiến độ và có thể quay lại phiên bản trước nếu cần.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 20: Bạn đang xây dựng một biểu mẫu khảo sát và muốn người dùng nhập tuổi của họ. Bạn muốn đảm bảo họ chỉ nhập số nguyên dương. Loại `type` nào của thẻ `` là phù hợp nhất để trình duyệt có thể cung cấp các tính năng hỗ trợ nhập số (ví dụ: mũi tên lên/xuống) và có thể giúp xác thực sơ bộ?
<input type="text">
<input type="range">
<input type="number">
<input type="tel">
`` được thiết kế đặc biệt để nhập các giá trị số. Trình duyệt có thể hiển thị các điều khiển mũi tên để tăng/giảm giá trị và cung cấp xác thực tích hợp (built-in validation) cho các thuộc tính như `min`, `max`, `step`.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 21: Xem xét đoạn mã HTML:
```html
```
Khi người dùng nhấp vào nút "Gửi đi", dữ liệu biểu mẫu sẽ được gửi đến đâu và bằng phương thức nào?
Đến URL `/submit_form` bằng phương thức POST.
Đến URL `/submit_form` bằng phương thức GET.
Đến URL `/submit_form` và lưu vào bộ nhớ cục bộ.
Không gửi đi đâu cả vì không có máy chủ.
Thuộc tính `action` của thẻ `
` xác định URL mà dữ liệu biểu mẫu sẽ được gửi đến (`/submit_form`). Thuộc tính `method` xác định phương thức HTTP được sử dụng để gửi dữ liệu (`post`).
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 22: Bạn muốn tạo một biểu mẫu cho phép người dùng chọn màu sắc yêu thích từ một bảng màu. Loại `type` nào của thẻ `` là phù hợp nhất cho mục đích này?
<input type="text">
<input type="color">
<input type="list">
<input type="select">
`` cung cấp một bộ chọn màu (color picker) tích hợp sẵn của trình duyệt, cho phép người dùng dễ dàng chọn một màu.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 23: Để tạo một nút mà khi nhấn vào chỉ thực hiện một hành động JavaScript (ví dụ: hiển thị thông báo, thay đổi nội dung trang) mà KHÔNG gửi dữ liệu biểu mẫu đi, bạn nên sử dụng loại `type` nào cho thẻ ``?
<button type="submit">
<button type="reset">
<button type="button">
<button type="link">
`` tạo một nút bấm thông thường không có hành vi mặc định (như submit hoặc reset). Nó thường được sử dụng để kích hoạt các script phía client.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 24: Thuộc tính `value` trong thẻ `` có chức năng gì?
Xác định tên của điều khiển khi gửi dữ liệu.
Hiển thị văn bản gợi ý mờ bên trong ô nhập liệu.
Xác định loại điều khiển nhập liệu.
Thiết lập giá trị mặc định ban đầu cho ô nhập liệu.
Thuộc tính `value` của `` (và nhiều loại input khác) xác định giá trị ban đầu (mặc định) của ô nhập liệu khi biểu mẫu được tải.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 25: Đoạn mã HTML nào sau đây tạo ra một nhóm hộp kiểm (checkbox) cho phép người dùng chọn nhiều loại trái cây yêu thích?
Hộp kiểm (`type="checkbox"`) cho phép chọn nhiều. Mỗi hộp kiểm cần có cùng thuộc tính `name` để nhóm chúng lại khi gửi dữ liệu, nhưng khác `value` để phân biệt lựa chọn. Các phương án khác sử dụng sai type hoặc sai thuộc tính.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 26: Khi bạn sử dụng trình soạn thảo văn bản (như Notepad, VS Code) để viết mã HTML cho biểu mẫu, bước tiếp theo để xem kết quả trên trình duyệt là gì?
Chạy tệp HTML như một chương trình.
Tải tệp HTML lên một máy chủ web.
Biên dịch tệp HTML thành một định dạng khác.
Mở tệp HTML bằng một trình duyệt web bất kỳ.
Sau khi viết và lưu mã HTML, bạn cần mở tệp `.html` đó bằng một trình duyệt web. Trình duyệt sẽ xử lý mã và hiển thị trang web.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 27: Bạn muốn tạo một ô nhập liệu cho ngày sinh. Loại `type` nào của thẻ `` có thể cung cấp giao diện chọn ngày thân thiện với người dùng (ví dụ: lịch)?
<input type="date">
<input type="text">
<input type="calendar">
<input type="datetime">
`` cung cấp một giao diện chọn ngày (date picker) tích hợp sẵn của trình duyệt, giúp người dùng nhập ngày tháng dễ dàng và chuẩn xác theo định dạng YYYY-MM-DD.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 28: Tại sao việc đặt tên (sử dụng thuộc tính `name`) cho các điều khiển nhập liệu trong biểu mẫu lại quan trọng khi gửi dữ liệu?
Chỉ để định dạng giao diện của điều khiển.
Để xác định tên của dữ liệu được gửi đi cùng với giá trị của nó.
Để liên kết với thẻ `<label>` (đó là thuộc tính `id`).
Để thiết lập giá trị mặc định cho điều khiển.
Khi biểu mẫu được gửi đi, dữ liệu được truyền dưới dạng cặp `name=value`. Thuộc tính `name` là định danh cho dữ liệu của điều khiển đó, giúp máy chủ hoặc script xử lý dữ liệu biết được giá trị đó thuộc về trường nào.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 29: Xem xét đoạn mã HTML sau:
```html
Chọn màu yêu thích:
Đỏ
Xanh dương
Xanh lá
```
Nếu người dùng chọn "Xanh lá" và gửi biểu mẫu, cặp `name=value` nào sẽ được gửi đi liên quan đến lựa chọn màu sắc?
color=Đỏ
color=Xanh dương
color=green
id=green
Khi một nút radio được chọn và biểu mẫu gửi đi, cặp `name=value` của nút đó sẽ được gửi. Nút 'Xanh lá' có `name="color"` và `value="green"`.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 03
Câu 30: Mục đích chính của việc thực hành tạo biểu mẫu HTML trong Bài 7 là giúp người học đạt được kỹ năng cốt lõi nào?
Thiết kế và triển khai giao diện thu thập dữ liệu người dùng trên trang web sử dụng các thẻ HTML cơ bản.
Lập trình xử lý dữ liệu biểu mẫu ở phía máy chủ (server-side).
Thiết kế cơ sở dữ liệu để lưu trữ thông tin từ biểu mẫu.
Tạo hiệu ứng động cho các điều khiển trong biểu mẫu bằng JavaScript.
Bài thực hành này tập trung vào việc giúp người học biết cách sử dụng các thẻ và thuộc tính HTML cơ bản để xây dựng giao diện thu thập dữ liệu từ người dùng trên trang web.
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 04
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Trong HTML, thẻ nào được sử dụng để định nghĩa một biểu mẫu dùng để thu thập thông tin từ người dùng?
A. ``
B. `
`
C. ``
D. ``
Câu 2: Bạn cần 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 đề). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
A. `text`
B. `password`
C. `textarea`
D. `submit`
Câu 3: Để tạo một nút bấm mà khi người dùng nhấn vào sẽ gửi dữ liệu của biểu mẫu đến máy chủ theo địa chỉ được chỉ định trong thuộc tính `action` của thẻ `
`, bạn sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
A. `button`
B. `reset`
C. `text`
D. `submit`
Câu 4: Thuộc tính `action` trong thẻ `
` dùng để làm gì?
A. Xác định cách dữ liệu được gửi đi (GET hoặc POST).
B. Đặt tên cho biểu mẫu để xử lý bằng JavaScript.
C. Chỉ định URL đích mà dữ liệu biểu mẫu sẽ được gửi đến.
D. Định dạng màu sắc và bố cục cho biểu mẫu.
Câu 5: Thuộc tính `method` trong thẻ `
` dùng để làm gì?
A. Xác định phương thức HTTP (GET hoặc POST) để gửi dữ liệu.
B. Chỉ định URL đích mà dữ liệu biểu mẫu sẽ được gửi đến.
C. Đặt tiêu đề cho biểu mẫu.
D. Xác định loại mã hóa dữ liệu khi gửi.
Câu 6: Bạn muốn tạo một tùy chọn cho phép người dùng chọn một mục duy nhất từ một danh sách các mục loại trừ lẫn nhau (ví dụ: Giới tính: Nam, Nữ, Khác). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
A. `checkbox`
B. `text`
C. `radio`
D. `select`
Câu 7: Điều kiện cần thiết để các nút radio (`
A. Chúng phải nằm trong cùng một thẻ `
`.
B. Chúng phải có cùng giá trị cho thuộc tính `name`.
C. Chúng phải nằm cạnh nhau trong mã HTML.
D. Chúng phải có cùng giá trị cho thuộc tính `value`.
Câu 8: Bạn muốn tạo một tùy chọn cho phép người dùng chọn nhiều mục từ một danh sách các mục (ví dụ: Sở thích: Đọc sách, Chơi game, Thể thao). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
A. `checkbox`
B. `radio`
C. `select`
D. `list`
Câu 9: Thẻ `` trong biểu mẫu HTML dùng để làm gì?
A. Đặt tiêu đề cho toàn bộ biểu mẫu.
B. Tạo một dòng kẻ ngang để phân chia các phần của biểu mẫu.
C. Gán văn bản mô tả cho một điều khiển nhập liệu (input, textarea, select).
D. Tạo một chú thích nhỏ hiển thị khi di chuột qua điều khiển nhập liệu.
Câu 10: Thuộc tính `for` trong thẻ `` được sử dụng để liên kết nó với điều khiển nhập liệu nào?
A. Thuộc tính `name` của điều khiển nhập liệu.
B. Thuộc tính `value` của điều khiển nhập liệu.
C. Thuộc tính `type` của điều khiển nhập liệu.
D. Thuộc tính `id` của điều khiển nhập liệu.
Câu 11: Bạn muốn tạo một khu vực nhập liệu cho phép người dùng gõ nhiều dòng văn bản (ví dụ: phần "Ghi chú" hoặc "Nội dung tin nhắn"). Thẻ HTML nào phù hợp nhất?
A. `
B. `
C. `
D. `
Câu 12: Để 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 giá trị được định nghĩa trước (ví dụ: Danh sách Tỉnh/Thành phố), bạn sử dụng kết hợp các thẻ nào?
A. `` và `
B. `` và ``
C. `
D. `` và ``
Câu 13: Xem đoạn mã HTML sau:
A. `username=admin` trong URL.
B. `user=admin` trong phần thân (body) của yêu cầu POST.
C. Chỉ gửi giá trị `admin` mà không có tên trường.
D. Không có dữ liệu nào được gửi vì thiếu thuộc tính `value`.
Câu 14: Trong thực hành tạo biểu mẫu, việc xem kết quả trên trình duyệt web sau khi chỉnh sửa mã HTML có mục đích chính là gì?
A. Kiểm tra giao diện hiển thị và chức năng của biểu mẫu.
B. Kiểm tra cú pháp mã HTML có đúng hay không.
C. Tự động sửa lỗi trong mã nguồn.
D. Gửi dữ liệu thử nghiệm đến máy chủ.
Câu 15: Bạn cần tạo một ô nhập liệu cho mật khẩu. Loại giá trị nào của thuộc tính `type` trong thẻ `` nên được sử dụng để các ký tự nhập vào bị ẩn đi (thường hiển thị dưới dạng dấu chấm hoặc hoa thị)?
A. `text`
B. `hidden`
C. `secret`
D. `password`
Câu 16: Để tạo một nút cho phép người dùng xóa bỏ (đặt lại về giá trị ban đầu) tất cả dữ liệu đã nhập trong biểu mẫu, bạn sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
A. `submit`
B. `reset`
C. `button`
D. `clear`
Câu 17: Thuộc tính `placeholder` trong thẻ `
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. Xác định tên của ô nhập liệu khi gửi dữ liệu.
D. Đánh dấu ô nhập liệu là bắt buộc.
Câu 18: Bạn muốn đặt một giá trị mặc định cho ô nhập liệu văn bản (`
A. `placeholder`
B. `default`
C. `value`
D. `initial`
Câu 19: Để đánh dấu một ô nhập liệu là bắt buộc (người dùng phải nhập dữ liệu vào ô này trước khi có thể gửi biểu mẫu), bạn thêm thuộc tính nào vào thẻ ``?
A. `required`
B. `mandatory`
C. `mustfill`
D. `validate=
Câu 20: Khi sử dụng phương thức `GET` để gửi dữ liệu biểu mẫu, dữ liệu sẽ được:
A. Mã hóa và gửi trong phần thân (body) của yêu cầu HTTP.
B. Chỉ gửi các giá trị của input mà không có tên trường.
C. Lưu trữ tạm thời trên máy tính của người dùng.
D. Gắn vào cuối URL của địa chỉ đích (action).
Câu 21: Khi sử dụng phương thức `POST` để gửi dữ liệu biểu mẫu, dữ liệu sẽ được:
A. Gửi trong phần thân (body) của yêu cầu HTTP.
B. Hiển thị rõ ràng ở cuối URL.
C. Chỉ gửi các trường input có thuộc tính `required`.
D. Tự động lưu vào cơ sở dữ liệu trên máy chủ.
Câu 22: Phương thức gửi dữ liệu `POST` thường được ưu tiên sử dụng hơn `GET` trong trường hợp nào sau đây?
A. Khi muốn đánh dấu trang kết quả tìm kiếm.
B. Khi chỉ gửi dữ liệu không nhạy cảm và số lượng ít.
C. Khi gửi dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân.
D. Khi cần tốc độ gửi dữ liệu nhanh nhất.
Câu 23: Xem đoạn mã HTML sau:
A. Tự động gửi email khi biểu mẫu được submit.
B. Cung cấp xác thực cơ bản về định dạng email (kiểm tra có ký tự "@" và "." hay không).
C. Chỉ cho phép nhập số.
D. Ẩn nội dung nhập vào giống như mật khẩu.
Câu 24: Trong thực hành tạo biểu mẫu, việc sử dụng thẻ `` liên kết với `` bằng thuộc tính `for` và `id` mang lại lợi ích gì?
A. Cải thiện khả năng truy cập (accessibility) và cho phép người dùng nhấp vào văn bản nhãn để focus vào ô nhập liệu tương ứng.
B. Tự động định dạng văn bản nhãn thành chữ in đậm.
C. Ngăn người dùng nhập sai định dạng dữ liệu.
D. Giúp dữ liệu được gửi đi nhanh hơn.
Câu 25: Xem đoạn mã HTML sau:
Chọn màu yêu thích:
A. Cả hai tùy chọn
B. Không có tùy chọn nào được chọn.
C. Chỉ có tùy chọn
D. Biểu mẫu sẽ báo lỗi vì chỉ được chọn một màu.
Câu 26: Bạn muốn tạo một ô nhập liệu cho phép người dùng chọn một giá trị số trong một khoảng nhất định (ví dụ: số lượng từ 1 đến 10). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
A. `number`
B. `range`
C. `digit`
D. `text` (với validation)
Câu 27: Xem đoạn mã HTML sau:
A. Giá trị `yes` sẽ được gửi đi.
B. Giá trị `no` sẽ được gửi đi.
C. Trường `subscribe` sẽ được gửi đi với giá trị rỗng.
D. Trường `subscribe` có thể sẽ không được gửi đi cùng dữ liệu biểu mẫu.
Câu 28: Bạn đang thiết kế một biểu mẫu đăng ký và muốn thêm một trường để người dùng nhập ngày sinh. Loại giá trị nào của thuộc tính `type` trong thẻ `` sẽ cung cấp một trình chọn ngày (date picker) tiện lợi trên các trình duyệt hỗ trợ?
A. `text`
B. `date`
C. `calendar`
D. `datetime`
Câu 29: Mục đích chính của việc đặt thuộc tính `name` cho các thẻ ``, `
A. Để liên kết với thẻ ``.
B. Để định dạng kiểu chữ cho ô nhập liệu.
C. Để xác định tên của dữ liệu được gửi đến máy chủ khi biểu mẫu được submit.
D. Để xác định loại dữ liệu mà người dùng có thể nhập.
Câu 30: Trong quá trình thực hành tạo biểu mẫu, nếu bạn gặp lỗi hiển thị trên trình duyệt (ví dụ: biểu mẫu không xuất hiện đúng như mong đợi), bước đầu tiên bạn nên làm gì để khắc phục?
A. Kiểm tra lại cú pháp và cấu trúc mã HTML của biểu mẫu.
B. Khởi động lại trình duyệt web.
C. Xóa bộ nhớ cache của trình duyệt.
D. Kiểm tra kết nối mạng internet.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 1: Trong HTML, thẻ nào được sử dụng để định nghĩa một biểu mẫu dùng để thu thập thông tin từ người dùng?
`<input>`
`<form>`
`<button>`
`<label>`
Câu hỏi kiểm tra kiến thức cơ bản về thẻ HTML dùng để bao bọc nội dung của một biểu mẫu. Thẻ `
` là thẻ chuẩn để thực hiện chức năng này.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 2: Bạn cần 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 đề). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
`text`
`password`
`textarea`
`submit`
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 nhập văn bản ngắn. `type="text"` là loại mặc định và phổ biến nhất cho mục đích này.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 3: Để tạo một nút bấm mà khi người dùng nhấn vào sẽ gửi dữ liệu của biểu mẫu đến máy chủ theo địa chỉ được chỉ định trong thuộc tính `action` của thẻ `
`, bạn sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
`button`
`reset`
`text`
`submit`
Câu hỏi kiểm tra chức năng của các loại input button. `type="submit"` tạo ra một nút có chức năng gửi dữ liệu biểu mẫu.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 4: Thuộc tính `action` trong thẻ `
` dùng để làm gì?
Xác định cách dữ liệu được gửi đi (GET hoặc POST).
Đặt tên cho biểu mẫu để xử lý bằng JavaScript.
Chỉ định URL đích mà dữ liệu biểu mẫu sẽ được gửi đến.
Định dạng màu sắc và bố cục cho biểu mẫu.
Câu hỏi kiểm tra hiểu biết về thuộc tính quan trọng của thẻ `
`. `action` xác định URL (địa chỉ) nơi dữ liệu biểu mẫu sẽ được gửi đến khi nút submit được nhấn.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 5: Thuộc tính `method` trong thẻ `
` dùng để làm gì?
Xác định phương thức HTTP (GET hoặc POST) để gửi dữ liệu.
Chỉ định URL đích mà dữ liệu biểu mẫu sẽ được gửi đến.
Đặt tiêu đề cho biểu mẫu.
Xác định loại mã hóa dữ liệu khi gửi.
Câu hỏi kiểm tra hiểu biết về thuộc tính `method` của thẻ `
`. Thuộc tính này xác định phương thức HTTP (GET hoặc POST) được sử dụng để gửi dữ liệu.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 6: Bạn muốn tạo một tùy chọn cho phép người dùng chọn *một* mục duy nhất từ một danh sách các mục loại trừ lẫn nhau (ví dụ: Giới tính: Nam, Nữ, Khác). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
`checkbox`
`text`
`radio`
`select`
Câu hỏi kiểm tra khả năng áp dụng các loại input cho tình huống cụ thể. `type="radio"` được sử dụng cho các tùy chọn loại trừ lẫn nhau, nơi chỉ có thể chọn một.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 7: Điều kiện cần thiết để các nút radio (``) hoạt động như một nhóm và chỉ cho phép chọn một tùy chọn duy nhất là gì?
Chúng phải nằm trong cùng một thẻ `<form>`.
Chúng phải có cùng giá trị cho thuộc tính `name`.
Chúng phải nằm cạnh nhau trong mã HTML.
Chúng phải có cùng giá trị cho thuộc tính `value`.
Câu hỏi kiểm tra hiểu biết về cách nhóm các nút radio. Các nút radio cùng nhóm phải có cùng giá trị cho thuộc tính `name`.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 8: Bạn muốn tạo một tùy chọn cho phép người dùng chọn *nhiều* mục từ một danh sách các mục (ví dụ: Sở thích: Đọc sách, Chơi game, Thể thao). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
`checkbox`
`radio`
`select`
`list`
Câu hỏi kiểm tra khả năng áp dụng các loại input cho tình huống cụ thể. `type="checkbox"` được sử dụng cho các tùy chọn có thể chọn nhiều mục cùng lúc.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 9: Thẻ `` trong biểu mẫu HTML dùng để làm gì?
Đặt tiêu đề cho toàn bộ biểu mẫu.
Tạo một dòng kẻ ngang để phân chia các phần của biểu mẫu.
Gán văn bản mô tả cho một điều khiển nhập liệu (input, textarea, select).
Tạo một chú thích nhỏ hiển thị khi di chuột qua điều khiển nhập liệu.
Câu hỏi kiểm tra mục đích sử dụng của thẻ ``. Thẻ này liên kết văn bản mô tả với một điều khiển nhập liệu, cải thiện khả năng truy cập và trải nghiệm người dùng.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 10: Thuộc tính `for` trong thẻ `` được sử dụng để liên kết nó với điều khiển nhập liệu nào?
Thuộc tính `name` của điều khiển nhập liệu.
Thuộc tính `value` của điều khiển nhập liệu.
Thuộc tính `type` của điều khiển nhập liệu.
Thuộc tính `id` của điều khiển nhập liệu.
Câu hỏi kiểm tra cách liên kết `` với điều khiển nhập liệu. Thuộc tính `for` của `` phải có giá trị *giống* với thuộc tính `id` của điều khiển nhập liệu tương ứng.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 11: Bạn muốn tạo một khu vực nhập liệu cho phép người dùng gõ nhiều dòng văn bản (ví dụ: phần 'Ghi chú' hoặc 'Nội dung tin nhắn'). Thẻ HTML nào phù hợp nhất?
`<input type="text">`
`<textarea>`
`<input type="textarea">`
`<input type="multiline">`
Câu hỏi kiểm tra kiến thức về thẻ dùng để nhập văn bản đa dòng. Thẻ `
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 12: Để 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 giá trị được định nghĩa trước (ví dụ: Danh sách Tỉnh/Thành phố), bạn sử dụng kết hợp các thẻ nào?
`<radio>` và `<option>`
`<checkbox>` và `<item>`
`<select>` và `<option>`
`<list>` và `<item>`
Câu hỏi kiểm tra kiến thức về cách tạo danh sách thả xuống. `
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 13: Xem đoạn mã HTML sau:
Tên đăng nhập:Gửi
. Khi người dùng nhập "admin" vào ô Tên đăng nhập và nhấn nút "Gửi", dữ liệu nào có khả năng được gửi đến URL "/submit"?
`username=admin` trong URL.
`user=admin` trong phần thân (body) của yêu cầu POST.
Chỉ gửi giá trị `admin` mà không có tên trường.
Không có dữ liệu nào được gửi vì thiếu thuộc tính `value`.
Câu hỏi yêu cầu phân tích đoạn mã HTML và dự đoán dữ liệu gửi đi. Dữ liệu được gửi dưới dạng cặp key-value, trong đó key là giá trị của thuộc tính `name` của input (`user`), và value là nội dung người dùng nhập (`admin`). Phương thức POST thường gửi dữ liệu trong phần thân yêu cầu.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 14: Trong thực hành tạo biểu mẫu, việc xem kết quả trên trình duyệt web sau khi chỉnh sửa mã HTML có mục đích chính là gì?
Kiểm tra giao diện hiển thị và chức năng của biểu mẫu.
Kiểm tra cú pháp mã HTML có đúng hay không.
Tự động sửa lỗi trong mã nguồn.
Gửi dữ liệu thử nghiệm đến máy chủ.
Câu hỏi kiểm tra hiểu biết về quy trình thực hành. Xem trên trình duyệt là bước quan trọng để kiểm tra giao diện, chức năng của biểu mẫu và phát hiện lỗi hiển thị.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 15: Bạn cần tạo một ô nhập liệu cho mật khẩu. Loại giá trị nào của thuộc tính `type` trong thẻ `` nên được sử dụng để các ký tự nhập vào bị ẩn đi (thường hiển thị dưới dạng dấu chấm hoặc hoa thị)?
`text`
`hidden`
`secret`
`password`
Câu hỏi kiểm tra kiến thức về loại input chuyên dụng cho mật khẩu. `type="password"` là loại input được thiết kế để ẩn ký tự nhập vào.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 16: Để tạo một nút cho phép người dùng xóa bỏ (đặt lại về giá trị ban đầu) tất cả dữ liệu đã nhập trong biểu mẫu, bạn sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
`submit`
`reset`
`button`
`clear`
Câu hỏi kiểm tra chức năng của các loại input button. `type="reset"` tạo ra một nút có chức năng đặt lại biểu mẫu về trạng thái ban đầu.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 17: Thuộc tính `placeholder` trong thẻ `` dùng để làm gì?
Hiển thị văn bản gợi ý trong ô nhập liệu khi ô trống.
Đặt giá trị mặc định cho ô nhập liệu.
Xác định tên của ô nhập liệu khi gửi dữ liệu.
Đánh dấu ô 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 `placeholder`. Nó cung cấp văn bản gợi ý (thường là ví dụ về định dạng hoặc nội dung mong muốn) hiển thị trong ô nhập liệu cho đến khi người dùng bắt đầu gõ.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 18: Bạn muốn đặt một giá trị mặc định cho ô nhập liệu văn bản (``) khi biểu mẫu vừa tải. Thuộc tính nào của thẻ `` cho phép bạn làm điều này?
`placeholder`
`default`
`value`
`initial`
Câu hỏi kiểm tra cách đặt giá trị ban đầu cho một input. Thuộc tính `value` được sử dụng để xác định giá trị mặc định của hầu hết các loại input.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 19: Để đánh dấu một ô nhập liệu là bắt buộc (người dùng phải nhập dữ liệu vào ô này trước khi có thể gửi biểu mẫu), bạn thêm thuộc tính nào vào thẻ ``?
`required`
`mandatory`
`mustfill`
`validate="true"`
Câu hỏi kiểm tra kiến thức về xác thực cơ bản trong HTML5. Thuộc tính boolean `required` được sử dụng để đánh dấu một trường là bắt buộc.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 20: Khi sử dụng phương thức `GET` để gửi dữ liệu biểu mẫu, dữ liệu sẽ được:
Mã hóa và gửi trong phần thân (body) của yêu cầu HTTP.
Chỉ gửi các giá trị của input mà không có tên trường.
Lưu trữ tạm thời trên máy tính của người dùng.
Gắn vào cuối URL của địa chỉ đích (action).
Câu hỏi kiểm tra hiểu biết về phương thức gửi dữ liệu GET. Dữ liệu được gắn vào cuối URL dưới dạng các tham số truy vấn.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 21: Khi sử dụng phương thức `POST` để gửi dữ liệu biểu mẫu, dữ liệu sẽ được:
Gửi trong phần thân (body) của yêu cầu HTTP.
Hiển thị rõ ràng ở cuối URL.
Chỉ gửi các trường input có thuộc tính `required`.
Tự động lưu vào cơ sở dữ liệu trên máy chủ.
Câu hỏi kiểm tra hiểu biết về phương thức gửi dữ liệu POST. Dữ liệu được gửi trong phần thân của yêu cầu HTTP, không hiển thị trên URL.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 22: Phương thức gửi dữ liệu `POST` thường được ưu tiên sử dụng hơn `GET` trong trường hợp nào sau đây?
Khi muốn đánh dấu trang kết quả tìm kiếm.
Khi chỉ gửi dữ liệu không nhạy cảm và số lượng ít.
Khi gửi dữ liệu nhạy cảm như mật khẩu hoặc thông tin cá nhân.
Khi cần tốc độ gửi dữ liệu nhanh nhất.
Câu hỏi yêu cầu phân tích ưu nhược điểm của GET/POST. POST phù hợp hơn khi gửi dữ liệu nhạy cảm (mật khẩu) hoặc dữ liệu lớn, vì nó không hiển thị trên URL và không có giới hạn kích thước rõ ràng như GET.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 23: Xem đoạn mã HTML sau:
Email:
. Thuộc tính `type="email"` cung cấp chức năng gì cho ô nhập liệu này (ngoài việc chỉ là ô nhập văn bản thông thường)?
Tự động gửi email khi biểu mẫu được submit.
Cung cấp xác thực cơ bản về định dạng email (kiểm tra có ký tự '@' và '.' hay không).
Chỉ cho phép nhập số.
Ẩn nội dung nhập vào giống như mật khẩu.
Câu hỏi kiểm tra kiến thức về các loại input HTML5 nâng cao. `type="email"` cung cấp tính năng xác thực cơ bản về định dạng email và có thể hiển thị bàn phím tối ưu cho email trên thiết bị di động.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 24: Trong thực hành tạo biểu mẫu, việc sử dụng thẻ `` liên kết với `` bằng thuộc tính `for` và `id` mang lại lợi ích gì?
Cải thiện khả năng truy cập (accessibility) và cho phép người dùng nhấp vào văn bản nhãn để focus vào ô nhập liệu tương ứng.
Tự động định dạng văn bản nhãn thành chữ in đậm.
Ngăn người dùng nhập sai định dạng dữ liệu.
Giúp dữ liệu được gửi đi nhanh hơn.
Câu hỏi kiểm tra hiểu biết sâu hơn về mục đích của ``. Liên kết này cải thiện khả năng truy cập (cho người dùng sử dụng trình đọc màn hình) và trải nghiệm người dùng (nhấn vào label cũng kích hoạt input).
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 25: Xem đoạn mã HTML sau:
Chọn màu yêu thích:
Đỏ Xanh dương
. Điều gì xảy ra nếu người dùng chọn "Đỏ", sau đó đổi ý và chọn "Xanh dương"?
Cả hai tùy chọn "Đỏ" và "Xanh dương" đều được chọn.
Không có tùy chọn nào được chọn.
Chỉ có tùy chọn "Xanh dương" được chọn, tùy chọn "Đỏ" tự động bỏ chọn.
Biểu mẫu sẽ báo lỗi vì chỉ được chọn một màu.
Câu hỏi yêu cầu phân tích hoạt động của nhóm nút radio. Khi các nút radio có cùng `name`, việc chọn một nút sẽ tự động bỏ chọn nút khác trong cùng nhóm.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 26: Bạn muốn tạo một ô nhập liệu cho phép người dùng chọn một giá trị số trong một khoảng nhất định (ví dụ: số lượng từ 1 đến 10). Loại giá trị nào của thuộc tính `type` trong thẻ `` là phù hợp nhất?
`number`
`range`
`digit`
`text` (với validation)
Câu hỏi kiểm tra kiến thức về loại input chuyên dụng cho số. `type="number"` tạo ra ô nhập liệu chỉ chấp nhận giá trị số và thường có mũi tên lên/xuống để điều chỉnh.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 27: Xem đoạn mã HTML sau:
Đăng ký nhận bản tin
. Nếu người dùng *không* tích vào hộp kiểm này trước khi gửi biểu mẫu, dữ liệu nào về trường 'subscribe' có khả năng được gửi đi?
Giá trị `yes` sẽ được gửi đi.
Giá trị `no` sẽ được gửi đi.
Trường `subscribe` sẽ được gửi đi với giá trị rỗng.
Trường `subscribe` có thể sẽ không được gửi đi cùng dữ liệu biểu mẫu.
Câu hỏi yêu cầu phân tích cách hoạt động của checkbox. Nếu một checkbox không được tích, nó thường không được gửi đi cùng dữ liệu biểu mẫu khi submit.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 28: Bạn đang thiết kế một biểu mẫu đăng ký và muốn thêm một trường để người dùng nhập ngày sinh. Loại giá trị nào của thuộc tính `type` trong thẻ `` sẽ cung cấp một trình chọn ngày (date picker) tiện lợi trên các trình duyệt hỗ trợ?
`text`
`date`
`calendar`
`datetime`
Câu hỏi kiểm tra kiến thức về loại input chuyên dụng cho ngày tháng. `type="date"` cung cấp giao diện chọn ngày thân thiện với người dùng trên các trình duyệt hiện đại.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 29: Mục đích chính của việc đặt thuộc tính `name` cho các thẻ ``, `
Để liên kết với thẻ `<label>`.
Để định dạng kiểu chữ cho ô nhập liệu.
Để xác định tên của dữ liệu được gửi đến máy chủ khi biểu mẫu được submit.
Để xác định loại dữ liệu mà người dùng có thể nhập.
Câu hỏi kiểm tra hiểu biết về vai trò của thuộc tính `name`. `name` là tên trường dữ liệu được gửi đến máy chủ, giúp xác định giá trị nào thuộc về input nào.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 04
Câu 30: Trong quá trình thực hành tạo biểu mẫu, nếu bạn gặp lỗi hiển thị trên trình duyệt (ví dụ: biểu mẫu không xuất hiện đúng như mong đợi), bước đầu tiên bạn nên làm gì để khắc phục?
Kiểm tra lại cú pháp và cấu trúc mã HTML của biểu mẫu.
Khởi động lại trình duyệt web.
Xóa bộ nhớ cache của trình duyệt.
Kiểm tra kết nối mạng internet.
Câu hỏi kiểm tra kỹ năng gỡ lỗi cơ bản. Bước đầu tiên và quan trọng nhất khi gặp lỗi là kiểm tra lại mã nguồn HTML để tìm sai sót cú pháp hoặc logic.
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 05
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Khi tạo một biểu mẫu HTML cơ bản để thu thập thông tin người dùng, thẻ HTML nào là bắt buộc để bao bọc toàn bộ các thành phần điều khiển nhập liệu (input controls)?
A.
B.
C.
D.
Câu 2: Để tạo một ô nhập liệu cho phép người dùng nhập vào một dòng văn bản (ví dụ: Họ và tên), bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
A. text
B. password
C. submit
D. checkbox
Câu 3: Bạn muốn tạo một ô nhập liệu mà nội dung người dùng nhập vào sẽ bị che đi (hiển thị dưới dạng dấu chấm hoặc sao) để bảo mật (ví dụ: Mật khẩu). Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
A. text
B. password
C. hidden
D. secure
Câu 4: Để gán nhãn (label) cho một ô nhập liệu `` một cách ngữ nghĩa (semantic) và cải thiện khả năng truy cập (accessibility), bạn nên sử dụng thẻ ``. Thuộc tính nào của thẻ `` cần khớp với thuộc tính `id` của thẻ `` tương ứng?
A. name
B. value
C. for
D. type
Câu 5: Bạn cần 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ữ/Khác). Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì? Đồng thời, các thẻ `` trong cùng nhóm này cần có thuộc tính nào giống nhau?
A. type="checkbox", name giống nhau
B. type="select", value giống nhau
C. type="button", id giống nhau
D. type="radio", name giống nhau
Câu 6: Bạn cần tạo một danh sách các lựa chọn mà người dùng có thể chọn nhiều mục cùng lúc (ví dụ: Sở thích - Đọc sách/Xem phim/Du lịch). Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
A. radio
B. checkbox
C. multiple
D. select
Câu 7: Để tạo một nút nhấn mà khi người dùng click vào, dữ liệu trong biểu mẫu sẽ được gửi đến địa chỉ được chỉ định bởi thuộc tính `action` của thẻ `
`, bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
A. button
B. reset
C. submit
D. send
Câu 8: Thuộc tính `value` trong thẻ `` có ý nghĩa gì?
A. Xác định giá trị mặc định của ô nhập liệu khi trang web được tải.
B. Xác định nhãn hiển thị bên cạnh ô nhập liệu.
C. Xác định tên của ô nhập liệu khi dữ liệu được gửi đi.
D. Xác định chiều rộng của ô nhập liệu.
Câu 9: Khi dữ liệu từ một biểu mẫu được gửi đi (submit), trình duyệt sẽ thu thập thông tin từ các phần tử form. Thuộc tính nào của các phần tử ``, `
A. id
B. value
C. type
D. name
Câu 10: Đoạn mã HTML sau tạo ra gì? ` Tin học`
A. Một nút chọn (radio button) với nhãn "Tin học".
B. Một hộp kiểm (checkbox) với nhãn "Tin học".
C. Một ô nhập liệu văn bản với giá trị mặc định là "Tin học".
D. Một nút gửi (submit button) có chữ "Tin học".
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 hoặc nhiều mục, bạn sẽ sử dụng thẻ HTML nào để bắt đầu danh sách đó?
A.
B.
C.
D.
Câu 12: Trong thẻ `
A.
B.
C.
D.
Câu 13: Giả sử bạn có một nhóm các nút chọn (radio buttons) cho phép người dùng chọn thành phố (Hà Nội, Đà Nẵng, TP.HCM). Để đảm bảo người dùng chỉ chọn được một thành phố, các nút chọn này cần có thuộc tính nào giống nhau?
A. id
B. value
C. name
D. type
Câu 14: Bạn muốn tạo một vùng nhập liệu cho phép người dùng nhập vào nhiều dòng văn bản (ví dụ: Địa chỉ chi tiết, Lời nhắn). Bạn sẽ sử dụng thẻ HTML nào?
A.
B.
C.
D.
Câu 15: Thuộc tính `action` của thẻ `
` có ý nghĩa gì?
A. Xác định tên của biểu mẫu.
B. Xác định URL nơi dữ liệu biểu mẫu sẽ được gửi đến.
C. Xác định phương thức gửi dữ liệu (GET hoặc POST).
D. Xác định cách biểu mẫu được hiển thị.
Câu 16: Thuộc tính `method` của thẻ `
` thường có hai giá trị chính là GET và POST. Sự khác biệt cơ bản giữa hai phương thức này khi gửi dữ liệu là gì?
A. GET gửi dữ liệu trong URL, POST gửi dữ liệu trong phần thân yêu cầu.
B. GET dùng để nhận dữ liệu, POST dùng để gửi dữ liệu.
C. GET an toàn hơn POST.
D. GET chỉ dùng cho văn bản, POST dùng cho mọi loại dữ liệu.
Câu 17: Để tạo một nút nhấn thông thường không có chức năng gửi biểu mẫu mặc định, bạn có thể sử dụng thẻ `` hoặc ``. Nếu dùng ``, thuộc tính `type` của nó sẽ có giá trị là gì?
A. submit
B. reset
C. click
D. button
Câu 18: Bạn muốn tạo một nút nhấn mà khi người dùng click vào, tất cả các trường nhập liệu trong biểu mẫu sẽ được đặt lại về giá trị mặc định ban đầu. Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
A. clear
B. reset
C. default
D. undo
Câu 19: Xét đoạn mã HTML sau: `Email:`. Mục đích chính của việc sử dụng thuộc tính `for` trong thẻ `` và thuộc tính `id` trong thẻ `` khớp nhau là gì?
A. Để dữ liệu của ô Email được gửi đi với tên là "email".
B. Để thiết lập giá trị mặc định cho ô Email.
C. Để khi click vào nhãn "Email:", con trỏ sẽ tự động nhảy vào ô nhập liệu tương ứng.
D. Để ô Email chỉ chấp nhận định dạng email.
Câu 20: Bạn đang thiết kế một form đăng ký và muốn nhóm các trường nhập liệu liên quan đến thông tin cá nhân (Họ tên, Ngày sinh, Giới tính) lại với nhau một cách trực quan và ngữ nghĩa. Thẻ HTML nào thường được sử dụng để tạo nhóm các phần tử form và thêm tiêu đề cho nhóm đó?
A.
B.
và
C. và
D. và
Câu 21: Khi xem kết quả của tệp HTML chứa biểu mẫu trên trình duyệt web, điều gì xảy ra nếu bạn không lưu tệp sau khi đã chỉnh sửa mã nguồn?
A. Trình duyệt sẽ tự động lưu tệp và hiển thị kết quả mới.
B. Trình duyệt sẽ báo lỗi và không hiển thị trang.
C. Trình duyệt sẽ hiển thị kết quả mới nhưng có cảnh báo.
D. Trình duyệt sẽ hiển thị phiên bản cũ của tệp, không có các thay đổi mới nhất.
Câu 22: Bạn đã tạo một biểu mẫu với ô nhập liệu Họ tên (``) và một ô Mật khẩu (``). Khi người dùng nhập dữ liệu và nhấn nút gửi, dữ liệu được gửi đi theo phương thức GET. URL trên thanh địa chỉ của trình duyệt có thể trông như thế nào (giả sử form được gửi đến trang "submit.php" và người dùng nhập "Nguyen Van A" và "123456")?
A. submit.php?hoten=Nguyen+Van+A&matkhau=123456
B. submit.php
C. submit.php?data=...
D. Không hiển thị dữ liệu trên URL khi dùng GET.
Câu 23: Để tạo một ô nhập liệu cho phép người dùng chọn ngày tháng (ví dụ: Ngày sinh), bạn có thể sử dụng thuộc tính `type` nào của thẻ ``?
A. calendar
B. date
C. datetime
D. day
Câu 24: Bạn muốn tạo một ô nhập liệu cho phép người dùng nhập một địa chỉ email. Để trình duyệt có thể kiểm tra định dạng email cơ bản trước khi gửi, bạn nên sử dụng thuộc tính `type` nào của thẻ ``?
A. email
B. mail
C. text
D. address
Câu 25: Trong thực hành tạo biểu mẫu HTML, việc sử dụng các thuộc tính `id` và `name` cho các phần tử nhập liệu là quan trọng. Thuộc tính `id` chủ yếu dùng cho mục đích gì?
A. Để xác định tên của dữ liệu khi gửi đi.
B. Để nhóm các phần tử cùng loại lại với nhau.
C. Để định danh duy nhất cho phần tử, dùng cho CSS, JavaScript và liên kết với ``.
D. Để thiết lập giá trị mặc định cho phần tử.
Câu 26: Bạn đã tạo một form với nhiều trường nhập liệu. Khi kiểm tra trên trình duyệt, bạn thấy các ô nhập liệu và nhãn của chúng nằm sát nhau, khó nhìn. Bạn cần làm gì để cải thiện bố cục, ví dụ, mỗi cặp nhãn-ô nhập liệu nằm trên một dòng riêng biệt?
A. Bao bọc mỗi cặp nhãn và ô nhập liệu trong một thẻ `
` hoặc sử dụng CSS để hiển thị chúng dưới dạng khối (block).
B. Sử dụng thuộc tính `newline="true"` cho mỗi thẻ ``. (Không có thuộc tính này)
C. Chỉ cần thêm thẻ ` ` sau mỗi thẻ `` (Cách này có thể dùng nhưng không phải là cách chuẩn và ngữ nghĩa nhất).
D. Đặt toàn bộ form trong một bảng (`
`). (Cách cũ, ít dùng cho bố cục form hiện đại).
Câu 27: Trong Nhiệm vụ 2 của Bài 7, bạn được yêu cầu thêm các điều khiển nhập liệu lựa chọn như nút chọn (radio) và hộp kiểm (checkbox). Điều này nhằm mục đích gì trong việc thu thập thông tin qua biểu mẫu?
A. Để người dùng có thể nhập bất kỳ thông tin nào họ muốn.
B. Để làm cho biểu mẫu trông đẹp hơn.
C. Để giảm số lượng trường dữ liệu cần gửi đi.
D. Để cung cấp các lựa chọn có sẵn, chuẩn hóa dữ liệu và giúp việc xử lý dữ liệu dễ dàng hơn.
Câu 28: Khi bạn tạo một biểu mẫu và muốn xem nó hiển thị như thế nào trên trình duyệt web, bạn cần thực hiện thao tác nào với tệp HTML đã tạo?
A. Chạy tệp HTML bằng trình biên dịch.
B. Lưu tệp HTML và mở nó bằng trình duyệt web.
C. Upload tệp HTML lên máy chủ web.
D. Mở tệp HTML bằng trình soạn thảo văn bản.
Câu 29: Bạn đang tạo một biểu mẫu đăng ký và muốn người dùng bắt buộc phải nhập địa chỉ email trước khi gửi form. Thuộc tính nào của thẻ `` có thể giúp trình duyệt thực hiện kiểm tra này (HTML5 validation)?
A. required
B. validate
C. mandatory
D. not-empty
Câu 30: Xét đoạn mã HTML cho một nút chọn (radio button): ` Nữ`. Khi người dùng chọn nút này và gửi form, cặp dữ liệu nào sẽ được gửi đi (giả sử không có nút radio nào khác trong nhóm "gioitinh" được chọn)?
A. gioitinh=Nữ
B. nu=gioitinh
C. gioitinh=nu
D. Nữ=true
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 1: Khi tạo một biểu mẫu HTML cơ bản để thu thập thông tin người dùng, thẻ HTML nào là bắt buộc để bao bọc toàn bộ các thành phần điều khiển nhập liệu (input controls)?
<body>
<div>
<form>
<input>
Thẻ `
` là thẻ chứa tất cả các phần tử điều khiển nhập liệu (như ``, `
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 2: Để tạo một ô nhập liệu cho phép người dùng nhập vào một dòng văn bản (ví dụ: Họ và tên), bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
text
password
submit
checkbox
Thuộc tính `type` của thẻ `` xác định loại điều khiển nhập liệu. Giá trị `text` tạo ra một ô nhập liệu một dòng cho văn bản.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 3: Bạn muốn tạo một ô nhập liệu mà nội dung người dùng nhập vào sẽ bị che đi (hiển thị dưới dạng dấu chấm hoặc sao) để bảo mật (ví dụ: Mật khẩu). Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
text
password
hidden
secure
Thuộc tính `type` với giá trị `password` được sử dụng để tạo ô nhập liệu mà ký tự nhập vào sẽ được che đi.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 4: Để gán nhãn (label) cho một ô nhập liệu `` một cách ngữ nghĩa (semantic) và cải thiện khả năng truy cập (accessibility), bạn nên sử dụng thẻ ``. Thuộc tính nào của thẻ `` cần khớp với thuộc tính `id` của thẻ `` tương ứng?
name
value
for
type
Thuộc tính `for` của thẻ `` được sử dụng để liên kết nhãn với một phần tử form cụ thể. Giá trị của thuộc tính `for` phải giống với giá trị của thuộc tính `id` của phần tử form đó.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 5: Bạn cần 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ữ/Khác). Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì? Đồng thời, các thẻ `` trong cùng nhóm này cần có thuộc tính nào giống nhau?
type='checkbox', name giống nhau
type='select', value giống nhau
type='button', id giống nhau
type='radio', name giống nhau
Thuộc tính `type` với giá trị `radio` tạo ra các nút chọn (radio buttons). Để các nút chọn hoạt động như một nhóm (chỉ chọn được một), chúng phải có cùng giá trị cho thuộc tính `name`.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 6: Bạn cần tạo một danh sách các lựa chọn mà người dùng có thể chọn *nhiều* mục cùng lúc (ví dụ: Sở thích - Đọc sách/Xem phim/Du lịch). Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
radio
checkbox
multiple
select
Thuộc tính `type` với giá trị `checkbox` tạo ra các hộp kiểm (checkboxes). Người dùng có thể chọn nhiều hộp kiểm trong cùng một nhóm (mặc dù chúng thường có cùng `name`, nhưng không bắt buộc để tạo nhóm chọn nhiều).
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 7: Để tạo một nút nhấn mà khi người dùng click vào, dữ liệu trong biểu mẫu sẽ được gửi đến địa chỉ được chỉ định bởi thuộc tính `action` của thẻ `
`, bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
button
reset
submit
send
Thuộc tính `type` với giá trị `submit` tạo ra một nút gửi biểu mẫu. Khi nút này được nhấn, trình duyệt sẽ thu thập dữ liệu từ tất cả các phần tử form và gửi chúng đi.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 8: Thuộc tính `value` trong thẻ `` có ý nghĩa gì?
Xác định giá trị mặc định của ô nhập liệu khi trang web được tải.
Xác định nhãn hiển thị bên cạnh ô nhập liệu.
Xác định tên của ô nhập liệu khi dữ liệu được gửi đi.
Xác định chiều rộng của ô nhập liệu.
Đối với ô nhập liệu kiểu `text`, thuộc tính `value` xác định giá trị mặc định sẽ hiển thị trong ô khi trang web được tải lần đầu.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 9: Khi dữ liệu từ một biểu mẫu được gửi đi (submit), trình duyệt sẽ thu thập thông tin từ các phần tử form. Thuộc tính nào của các phần tử ``, `
id
value
type
name
Thuộc tính `name` là thuộc tính quan trọng nhất để xác định tên của trường dữ liệu khi biểu mẫu được gửi đi. Dữ liệu sẽ được gửi dưới dạng cặp 'name=value'.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 10: Đoạn mã HTML sau tạo ra gì? ` Tin học`
Một nút chọn (radio button) với nhãn 'Tin học'.
Một hộp kiểm (checkbox) với nhãn 'Tin học'.
Một ô nhập liệu văn bản với giá trị mặc định là 'Tin học'.
Một nút gửi (submit button) có chữ 'Tin học'.
Đoạn mã này tạo ra một hộp kiểm (`type='checkbox'`) có tên là 'monhoc' và giá trị là 'tin'. Văn bản 'Tin học' được hiển thị bên cạnh hộp kiểm này.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
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 hoặc nhiều mục, bạn sẽ sử dụng thẻ HTML nào để bắt đầu danh sách đó?
<select>
<list>
<dropdown>
<option>
Thẻ `
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 12: Trong thẻ `
<item>
<listitem>
<selectitem>
<option>
Thẻ `
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 13: Giả sử bạn có một nhóm các nút chọn (radio buttons) cho phép người dùng chọn thành phố (Hà Nội, Đà Nẵng, TP.HCM). Để đảm bảo người dùng chỉ chọn được *một* thành phố, các nút chọn này cần có thuộc tính nào giống nhau?
id
value
name
type
Đối với các nút chọn (`type='radio'`), thuộc tính `name` phải giống nhau trong cùng một nhóm để trình duyệt hiểu rằng chúng thuộc về cùng một lựa chọn và chỉ cho phép chọn một.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 14: Bạn muốn tạo một vùng nhập liệu cho phép người dùng nhập vào nhiều dòng văn bản (ví dụ: Địa chỉ chi tiết, Lời nhắn). Bạn sẽ sử dụng thẻ HTML nào?
<textarea>
<input type='text'>
<input type='multiline'>
<textbox>
Thẻ `
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 15: Thuộc tính `action` của thẻ `
` có ý nghĩa gì?
Xác định tên của biểu mẫu.
Xác định URL nơi dữ liệu biểu mẫu sẽ được gửi đến.
Xác định phương thức gửi dữ liệu (GET hoặc POST).
Xác định cách biểu mẫu được hiển thị.
Thuộc tính `action` chỉ định URL (địa chỉ) nơi dữ liệu của biểu mẫu sẽ được gửi đến để xử lý khi người dùng nhấn nút gửi.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 16: Thuộc tính `method` của thẻ `
` thường có hai giá trị chính là GET và POST. Sự khác biệt cơ bản giữa hai phương thức này khi gửi dữ liệu là gì?
GET gửi dữ liệu trong URL, POST gửi dữ liệu trong phần thân yêu cầu.
GET dùng để nhận dữ liệu, POST dùng để gửi dữ liệu.
GET an toàn hơn POST.
GET chỉ dùng cho văn bản, POST dùng cho mọi loại dữ liệu.
Phương thức GET gửi dữ liệu biểu mẫu dưới dạng các tham số trong URL, phù hợp với dữ liệu không nhạy cảm và có thể đánh dấu trang. Phương thức POST gửi dữ liệu trong phần thân (body) của yêu cầu HTTP, an toàn hơn cho dữ liệu nhạy cảm và có thể gửi lượng lớn dữ liệu.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 17: Để tạo một nút nhấn thông thường không có chức năng gửi biểu mẫu mặc định, bạn có thể sử dụng thẻ `` hoặc ``. Nếu dùng ``, thuộc tính `type` của nó sẽ có giá trị là gì?
submit
reset
click
button
Thuộc tính `type` với giá trị `button` tạo ra một nút nhấn thông thường. Nút này không có hành động mặc định nào khi được nhấn, thường được sử dụng kết hợp với JavaScript.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 18: Bạn muốn tạo một nút nhấn mà khi người dùng click vào, tất cả các trường nhập liệu trong biểu mẫu sẽ được đặt lại về giá trị mặc định ban đầu. Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
clear
reset
default
undo
Thuộc tính `type` với giá trị `reset` tạo ra một nút nhấn mà khi được click, nó sẽ đặt lại (xóa sạch hoặc khôi phục giá trị mặc định) tất cả các trường nhập liệu trong cùng biểu mẫu về trạng thái ban đầu.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 19: Xét đoạn mã HTML sau: `Email:`. Mục đích chính của việc sử dụng thuộc tính `for` trong thẻ `` và thuộc tính `id` trong thẻ `` khớp nhau là gì?
Để dữ liệu của ô Email được gửi đi với tên là 'email'.
Để thiết lập giá trị mặc định cho ô Email.
Để khi click vào nhãn 'Email:', con trỏ sẽ tự động nhảy vào ô nhập liệu tương ứng.
Để ô Email chỉ chấp nhận định dạng email.
Liên kết `` với `` bằng cách khớp `for` và `id` giúp cải thiện khả năng truy cập. Khi người dùng click vào nhãn ('Email:'), trình duyệt sẽ tự động focus vào ô nhập liệu tương ứng, điều này đặc biệt hữu ích cho người dùng sử dụng thiết bị hỗ trợ.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 20: Bạn đang thiết kế một form đăng ký và muốn nhóm các trường nhập liệu liên quan đến thông tin cá nhân (Họ tên, Ngày sinh, Giới tính) lại với nhau một cách trực quan và ngữ nghĩa. Thẻ HTML nào thường được sử dụng để tạo nhóm các phần tử form và thêm tiêu đề cho nhóm đó?
<fieldset> và <legend>
<div> và <span>
<group> và <title>
<section> và <h1>
Thẻ `
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 21: Khi xem kết quả của tệp HTML chứa biểu mẫu trên trình duyệt web, điều gì xảy ra nếu bạn không lưu tệp sau khi đã chỉnh sửa mã nguồn?
Trình duyệt sẽ tự động lưu tệp và hiển thị kết quả mới.
Trình duyệt sẽ báo lỗi và không hiển thị trang.
Trình duyệt sẽ hiển thị kết quả mới nhưng có cảnh báo.
Trình duyệt sẽ hiển thị phiên bản cũ của tệp, không có các thay đổi mới nhất.
Trình duyệt web hiển thị phiên bản cuối cùng được lưu của tệp. Nếu bạn không lưu các thay đổi, trình duyệt sẽ vẫn hiển thị phiên bản trước đó, không có các chỉnh sửa mới nhất của bạn.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 22: Bạn đã tạo một biểu mẫu với ô nhập liệu Họ tên (``) và một ô Mật khẩu (``). Khi người dùng nhập dữ liệu và nhấn nút gửi, dữ liệu được gửi đi theo phương thức GET. URL trên thanh địa chỉ của trình duyệt có thể trông như thế nào (giả sử form được gửi đến trang 'submit.php' và người dùng nhập 'Nguyen Van A' và '123456')?
submit.php?hoten=Nguyen+Van+A&matkhau=123456
submit.php
submit.php?data=...
Không hiển thị dữ liệu trên URL khi dùng GET.
Khi dùng phương thức GET, dữ liệu được thêm vào URL dưới dạng cặp `name=value`, nối với URL đích bằng dấu '?' và các cặp được phân tách bằng '&'.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 23: Để tạo một ô nhập liệu cho phép người dùng chọn ngày tháng (ví dụ: Ngày sinh), bạn có thể sử dụng thuộc tính `type` nào của thẻ ``?
calendar
date
datetime
day
Thuộc tính `type` với giá trị `date` được sử dụng để tạo ô nhập liệu ngày tháng, thường hiển thị bộ chọn lịch thân thiện với người dùng.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 24: Bạn muốn tạo một ô nhập liệu cho phép người dùng nhập một địa chỉ email. Để trình duyệt có thể kiểm tra định dạng email cơ bản trước khi gửi, bạn nên sử dụng thuộc tính `type` nào của thẻ ``?
email
mail
text
address
Thuộc tính `type` với giá trị `email` tạo ra ô nhập liệu dành riêng cho địa chỉ email. Trình duyệt có thể tự động kiểm tra định dạng email cơ bản khi biểu mẫu được gửi đi (validation).
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 25: Trong thực hành tạo biểu mẫu HTML, việc sử dụng các thuộc tính `id` và `name` cho các phần tử nhập liệu là quan trọng. Thuộc tính `id` chủ yếu dùng cho mục đích gì?
Để xác định tên của dữ liệu khi gửi đi.
Để nhóm các phần tử cùng loại lại với nhau.
Để định danh duy nhất cho phần tử, dùng cho CSS, JavaScript và liên kết với `<label>`.
Để thiết lập giá trị mặc định cho phần tử.
Thuộc tính `id` cung cấp một định danh duy nhất cho một phần tử HTML. Nó chủ yếu được sử dụng bởi CSS để định dạng, bởi JavaScript để thao tác phần tử, và bởi thẻ `` để liên kết.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 26: Bạn đã tạo một form với nhiều trường nhập liệu. Khi kiểm tra trên trình duyệt, bạn thấy các ô nhập liệu và nhãn của chúng nằm sát nhau, khó nhìn. Bạn cần làm gì để cải thiện bố cục, ví dụ, mỗi cặp nhãn-ô nhập liệu nằm trên một dòng riêng biệt?
Bao bọc mỗi cặp nhãn và ô nhập liệu trong một thẻ `<div>` hoặc sử dụng CSS để hiển thị chúng dưới dạng khối (block).
Sử dụng thuộc tính `newline='true'` cho mỗi thẻ `<input>`. (Không có thuộc tính này)
Chỉ cần thêm thẻ `<br>` sau mỗi thẻ `<input>` (Cách này có thể dùng nhưng không phải là cách chuẩn và ngữ nghĩa nhất).
Đặt toàn bộ form trong một bảng (`<table>`). (Cách cũ, ít dùng cho bố cục form hiện đại).
Theo mặc định, các phần tử `` và `` là phần tử nội tuyến (inline), chúng sẽ nằm cạnh nhau trên cùng một dòng nếu đủ chỗ. Để chúng xuống dòng, bạn có thể bao bọc mỗi cặp trong một phần tử khối (block element) như `
` hoặc sử dụng CSS để thay đổi thuộc tính hiển thị của chúng.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 27: Trong Nhiệm vụ 2 của Bài 7, bạn được yêu cầu thêm các điều khiển nhập liệu lựa chọn như nút chọn (radio) và hộp kiểm (checkbox). Điều này nhằm mục đích gì trong việc thu thập thông tin qua biểu mẫu?
Để người dùng có thể nhập bất kỳ thông tin nào họ muốn.
Để làm cho biểu mẫu trông đẹp hơn.
Để giảm số lượng trường dữ liệu cần gửi đi.
Để cung cấp các lựa chọn có sẵn, chuẩn hóa dữ liệu và giúp việc xử lý dữ liệu dễ dàng hơn.
Nút chọn và hộp kiểm cung cấp cho người dùng các lựa chọn có sẵn để chọn, giúp chuẩn hóa dữ liệu nhập vào và tránh sai sót do nhập liệu tự do, đồng thời dễ dàng xử lý dữ liệu ở phía máy chủ.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 28: Khi bạn tạo một biểu mẫu và muốn xem nó hiển thị như thế nào trên trình duyệt web, bạn cần thực hiện thao tác nào với tệp HTML đã tạo?
Chạy tệp HTML bằng trình biên dịch.
Lưu tệp HTML và mở nó bằng trình duyệt web.
Upload tệp HTML lên máy chủ web.
Mở tệp HTML bằng trình soạn thảo văn bản.
Sau khi tạo hoặc chỉnh sửa tệp HTML, bạn cần lưu tệp lại và sau đó mở tệp đó bằng một trình duyệt web (như Chrome, Firefox, Edge) để xem kết quả hiển thị.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 29: Bạn đang tạo một biểu mẫu đăng ký và muốn người dùng bắt buộc phải nhập địa chỉ email trước khi gửi form. Thuộc tính nào của thẻ `` có thể giúp trình duyệt thực hiện kiểm tra này (HTML5 validation)?
required
validate
mandatory
not-empty
Thuộc tính `required` (không cần gán giá trị, chỉ cần thêm tên thuộc tính) làm cho trường nhập liệu đó trở thành bắt buộc. Trình duyệt sẽ ngăn việc gửi biểu mẫu nếu trường này trống.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 05
Câu 30: Xét đoạn mã HTML cho một nút chọn (radio button): ` Nữ`. Khi người dùng chọn nút này và gửi form, cặp dữ liệu nào sẽ được gửi đi (giả sử không có nút radio nào khác trong nhóm 'gioitinh' được chọn)?
gioitinh=Nữ
nu=gioitinh
gioitinh=nu
Nữ=true
Khi một nút chọn được chọn, trình duyệt sẽ gửi cặp `name=value` của nút đó. Trong trường hợp này, `name` là 'gioitinh' và `value` là 'nu'.
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 06
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Mục đích chính của việc sử dụng thẻ `
` trong HTML là gì?
A. Định nghĩa một khu vực trên trang web để thu thập dữ liệu người dùng thông qua các điều khiển nhập liệu.
B. Hiển thị văn bản được định dạng đặc biệt trên trang web.
C. Tạo liên kết giữa các trang web khác nhau.
D. Nhúng các tệp đa phương tiện như hình ảnh hoặc video.
Câu 2: Trong thẻ `
`, thuộc tính nào được sử dụng để chỉ định URL (địa chỉ) mà dữ liệu biểu mẫu sẽ được gửi đến khi người dùng nhấn nút gửi?
A. method
B. name
C. action
D. target
Câu 3: Giả sử bạn muốn 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ụ: Họ và Tên). Bạn sẽ sử dụng loại (type) nào cho thẻ ``?
A. checkbox
B. radio
C. submit
D. text
Câu 4: Để tạo một nhóm các nút chọn (radio button) sao cho người dùng CHỈ có thể chọn MỘT trong số các tùy chọn đó, điều kiện BẮT BUỘC đối với các nút radio trong cùng nhóm là gì?
A. Chúng phải có cùng giá trị thuộc tính `id`.
B. Chúng phải có cùng giá trị thuộc tính `name`.
C. Chúng phải nằm cùng trong một cặp thẻ ``.
D. Chúng phải có cùng giá trị thuộc tính `value`.
Câu 5: Bạn muốn tạo một danh sách các sở thích (ví dụ: Đọc sách, Nghe nhạc, Chơi thể thao) và cho phép người dùng CHỌN NHIỀU sở thích cùng lúc. Bạn nên sử dụng loại (type) nào cho thẻ ``?
A. checkbox
B. radio
C. text
D. submit
Câu 6: Thẻ `` được sử dụng để làm gì trong biểu mẫu HTML?
A. Định nghĩa một dòng ngang phân cách các phần của biểu mẫu.
B. Tạo một tiêu đề lớn cho toàn bộ biểu mẫu.
C. Cung cấp nhãn mô tả cho một điều khiển biểu mẫu (ví dụ: ô nhập liệu, nút chọn).
D. Nhóm các điều khiển biểu mẫu lại với nhau theo chủ đề.
Câu 7: Để liên kết một thẻ `` với một thẻ `` cụ thể, bạn sử dụng thuộc tính `for` trong thẻ ``. Giá trị của thuộc tính `for` này phải TƯƠNG ỨNG với thuộc tính nào của thẻ ``?
A. id
B. name
C. type
D. value
Câu 8: Loại (type) nào của thẻ `` được sử dụng để tạo một nút mà khi nhấp 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` của thẻ `
`?
A. button
B. submit
C. reset
D. send
Câu 9: Quan sát đoạn mã HTML sau:
```html
A. Các nút radio có các giá trị `id` khác nhau ("male" và "female").
B. Các nút radio được liên kết với các nhãn (``) khác nhau.
C. Các nút radio có cùng giá trị thuộc tính `name` ("gender").
D. Các nút radio có các giá trị `value` khác nhau ("male" và "female").
Câu 10: Thuộc tính `value` trong thẻ `
A. Đặt giá trị mặc định ban đầu cho ô nhập liệu.
B. Chỉ định tên của ô nhập liệu khi dữ liệu được gửi.
C. Hiển thị văn bản gợi ý trong ô nhập liệu khi nó trống.
D. Xác định loại dữ liệu được phép nhập vào ô.
Câu 11: Khi sử dụng `
A. Đặt trạng thái mặc định là đã chọn cho hộp kiểm.
B. Là văn bản hiển thị bên cạnh hộp kiểm.
C. Xác định nhóm mà hộp kiểm này thuộc về.
D. Là giá trị được gửi đi nếu hộp kiểm này được chọn.
Câu 12: Thuộc tính `name` là quan trọng đối với hầu hết các điều khiển biểu mẫu (``, `
A. Để định dạng kiểu dáng (CSS) cho điều khiển.
B. Để xác định tên của dữ liệu khi biểu mẫu được gửi đến máy chủ.
C. Để liên kết điều khiển với thẻ ``.
D. Để đặt giá trị mặc định cho điều khiển.
Câu 13: Trong Nhiệm vụ 1 của Bài 7 (tạo biểu mẫu với ô Text), sau khi viết mã HTML, bước tiếp theo quan trọng để kiểm tra kết quả là gì?
A. Lưu tệp HTML và mở nó bằng trình duyệt web.
B. Chia sẻ tệp HTML lên mạng xã hội.
C. Gửi tệp HTML đến máy chủ.
D. In mã nguồn HTML ra giấy.
Câu 14: Giả sử bạn đang thiết kế một biểu mẫu đăng ký và muốn có một ô nhập liệu hiển thị gợi ý
A. value
B. name
C. placeholder
D. label
Câu 15: Khi bạn tạo một biểu mẫu HTML, việc sử dụng thẻ `` được liên kết đúng với các điều khiển nhập liệu mang lại lợi ích đáng kể nào?
A. Làm cho biểu mẫu tải nhanh hơn.
B. Tự động kiểm tra tính hợp lệ của dữ liệu nhập vào.
C. Thay đổi màu sắc nền của biểu mẫu.
D. Cải thiện khả năng truy cập (accessibility) cho người dùng, cho phép nhấp vào nhãn để chọn điều khiển tương ứng.
Câu 16: Trong Nhiệm vụ 2 của Bài 7, yêu cầu cập nhật biểu mẫu từ Nhiệm vụ 1 bằng cách thêm các điều khiển nhập liệu lựa chọn (radio, checkbox) và nút gửi. Việc lưu tệp với tên mới (Bai7-NV2.html) thay vì ghi đè lên tệp cũ (Bai7-NV1.html) có ý nghĩa gì?
A. Giúp tệp tải nhanh hơn trên trình duyệt.
B. Giữ lại phiên bản gốc của Nhiệm vụ 1 và theo dõi các thay đổi.
C. Bắt buộc phải làm như vậy để trình duyệt hiểu mã mới.
D. Giảm dung lượng lưu trữ của tệp.
Câu 17: Khi tạo một biểu mẫu, bạn muốn đảm bảo rằng khi người dùng nhấp vào nhãn
A. Thuộc tính `name` của `` và `name` của `` phải giống nhau.
B. Thuộc tính `value` của `` và `value` của `` phải giống nhau.
C. Thuộc tính `class` của `` và `class` của `` phải giống nhau.
D. Thuộc tính `for` của `` phải khớp với thuộc tính `id` của ``.
Câu 18: Xem xét đoạn mã sau:
```html
A. Dữ liệu sẽ được thêm vào URL: `/submit-data?username=An+Nguyen`.
B. Dữ liệu sẽ được gửi trong phần thân (body) của yêu cầu HTTP.
C. Dữ liệu sẽ được lưu trữ cục bộ trên máy tính người dùng.
D. Biểu mẫu sẽ không gửi dữ liệu vì thiếu thuộc tính `id`.
Câu 19: Sự khác biệt cơ bản giữa `
A. Radio button chỉ dùng cho văn bản, checkbox chỉ dùng cho số.
B. Radio button chỉ có thể được liên kết với label, checkbox thì không.
C. Radio button (trong nhóm cùng tên) cho phép chọn một, checkbox cho phép chọn nhiều.
D. Radio button có thể có giá trị mặc định, checkbox thì không.
Câu 20: Trong cú pháp HTML, phần tử nào thường chứa các thẻ như `
`, ``, ``, và `
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 07
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Khi tạo một biểu mẫu trực tuyến trong HTML (ví dụ: form đăng ký, form liên hệ), thẻ HTML cơ bản nào được sử dụng để bao quanh tất cả các thành phần của biểu mẫu?
A.
B.
C.
D.
Câu 2: Bạn muốn tạo một ô nhập liệu đơn giản cho người dùng điền tên của họ vào một biểu mẫu. Thẻ `` với thuộc tính `type` nào là phù hợp nhất?
A. type=
B. type=
C. type=
D. type=
Câu 3: Trong một biểu mẫu khảo sát, bạn muốn người dùng chọn giới tính của mình (Chỉ được chọn một trong các lựa chọn: Nam, Nữ, Khác). Loại điều khiển nhập liệu nào phù hợp cho tình huống này?
A. Ô nhập văn bản (Text box)
B. Hộp kiểm (Checkbox)
C. Ô chọn ngày (Date picker)
D. Nút chọn (Radio button)
Câu 4: Bạn đang tạo một biểu mẫu đặt hàng và muốn người dùng có thể chọn nhiều loại topping khác nhau cho pizza (ví dụ: Nấm, Ớt chuông, Xúc xích). Loại điều khiển nhập liệu nào cho phép người dùng chọn nhiều tùy chọn cùng lúc?
A. Nút chọn (Radio button)
B. Hộp kiểm (Checkbox)
C. Danh sách thả xuống (Dropdown list)
D. Ô nhập số (Number input)
Câu 5: Để một nhóm các nút chọn (radio button) hoạt động đúng (chỉ cho phép chọn một), chúng cần có thuộc tính nào giống hệt nhau?
A. name
B. value
C. id
D. type
Câu 6: Khi một biểu mẫu được gửi đi, giá trị nào của một ô nhập liệu (ví dụ: `
A. Thuộc tính `id`
B. Nội dung hiển thị bên cạnh ô nhập liệu (nếu có)
C. Thuộc tính `name`
D. Thuộc tính `value`
Câu 7: Tại sao việc sử dụng thẻ `` liên kết với các điều khiển nhập liệu (như ``, `
A. Cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng (UX) bằng cách liên kết văn bản với điều khiển.
B. Chỉ để định dạng văn bản nhãn cho đẹp hơn.
C. Giúp tự động gửi dữ liệu khi nhấp vào nhãn.
D. Là yêu cầu bắt buộc về mặt cú pháp HTML cho mọi ô nhập liệu.
Câu 8: Để liên kết một thẻ `` với một thẻ `` cụ thể, bạn sử dụng thuộc tính `for` trong thẻ ``. Giá trị của thuộc tính `for` này phải trùng với thuộc tính nào của thẻ `` tương ứng?
A. name
B. value
C. id
D. type
Câu 9: Sau khi người dùng điền đầy đủ thông tin vào biểu mẫu, họ cần một nút để gửi dữ liệu đó đi xử lý. Loại nút nào được tạo bằng thẻ `` với thuộc tính `type` thích hợp cho chức năng này?
A. type=
B. type=
C. type=
D. type=
Câu 10: Bạn muốn một ô nhập liệu văn bản hiển thị một gợi ý mờ (ví dụ: "Nhập tên của bạn") trước khi người dùng bắt đầu gõ. Thuộc tính nào của thẻ `
A. value
B. name
C. id
D. placeholder
Câu 11: Để một hộp kiểm (checkbox) hoặc một nút chọn (radio button) được tự động đánh dấu (chọn) ngay khi trang web tải lên, bạn sử dụng thuộc tính boolean nào?
A. selected
B. checked
C. active
D. default
Câu 12: Quan sát đoạn mã HTML sau: `
A. Đỏ
B. Xanh dương
C. Không có lựa chọn nào được chọn sẵn
D. Cả Đỏ và Xanh dương đều được chọn
Câu 13: Bạn có một nhóm các hộp kiểm (checkbox) cho phép người dùng chọn nhiều sở thích. Mỗi hộp kiểm trong nhóm này nên có thuộc tính `name` như thế nào để dữ liệu được gửi đi đúng cách và có thể xử lý dễ dàng ở phía máy chủ?
A. Mỗi hộp kiểm nên có một giá trị thuộc tính `name` khác nhau.
B. Tất cả các hộp kiểm trong nhóm phải có cùng giá trị thuộc tính `name`.
C. Thuộc tính `name` không quan trọng đối với hộp kiểm.
D. Chỉ hộp kiểm đầu tiên cần thuộc tính `name`.
Câu 14: Xem xét đoạn mã HTML cho một ô nhập liệu: `
A. Khi người dùng nhập liệu vào ô text, văn bản "Email:" sẽ tự động thay đổi.
B. Khi biểu mẫu được gửi, chỉ dữ liệu từ ô input này được gửi đi.
C. Văn bản "Email:" sẽ được in đậm hơn trên trang web.
D. Khi nhấp vào văn bản "Email:", con trỏ sẽ tự động di chuyển đến ô nhập liệu tương ứng.
Câu 15: Giả sử bạn đã tạo một tệp HTML chứa biểu mẫu theo hướng dẫn của Bài 7. Sau khi viết mã xong, bạn cần làm gì để xem kết quả biểu mẫu hiển thị như thế nào trên trình duyệt web?
A. Chạy tệp HTML bằng trình biên dịch code.
B. Upload tệp HTML lên một máy chủ web.
C. Mở tệp HTML bằng trình duyệt web.
D. In nội dung tệp HTML ra giấy.
Câu 16: Trong ngữ cảnh tạo biểu mẫu, thuộc tính `name` của một điều khiển nhập liệu (như ``, `
A. Xác định kiểu dữ liệu (văn bản, số, ngày...).
B. Đặt tên cho trường dữ liệu để nhận dạng khi biểu mẫu được gửi đi.
C. Liên kết với thẻ `` tương ứng.
D. Xác định giá trị mặc định của trường.
Câu 17: Bạn muốn tạo một nút bấm trong biểu mẫu có chữ hiển thị là "Gửi đi". Nếu sử dụng thẻ `
A. Sử dụng thuộc tính `value` cho thẻ `
B. Đặt nội dung văn bản giữa thẻ `` và ``.
C. Sử dụng thuộc tính `placeholder`.
D. Thuộc tính `name` sẽ thay đổi văn bản.
Câu 18: Xem xét đoạn mã HTML: `
A. subscribe=Đăng ký nhận tin
B. checkbox=yes
C. subscribe=yes
D. checkbox=Đăng ký nhận tin
Câu 19: Bạn cần tạo một nhóm radio button cho lựa chọn "Mức độ hài lòng" với 3 tùy chọn: "Rất hài lòng", "Hài lòng", "Không hài lòng". Làm thế nào để đảm bảo người dùng chỉ có thể chọn DUY NHẤT một tùy chọn trong số này?
A. Sử dụng thuộc tính `checked` cho cả 3 radio button.
B. Đặt cùng một giá trị cho thuộc tính `name` trên cả 3 radio button.
C. Đặt cùng một giá trị cho thuộc tính `id` trên cả 3 radio button.
D. Sử dụng thẻ `
Câu 20: Xem xét đoạn mã: `
A. Hiển thị văn bản mặc định "text".
B. Hiển thị tên "city" bên trong ô nhập liệu.
C. Hiển thị giá trị "city" bên trong ô nhập liệu.
D. Một ô trống rỗng.
Câu 21: Bạn muốn tạo một biểu mẫu đơn giản hỏi về tên của người dùng và họ đồng ý với điều khoản sử dụng hay không (chỉ cần đánh dấu/bỏ đánh dấu). Những loại điều khiển nhập liệu cơ bản nào bạn sẽ cần sử dụng?
A. Chỉ cần ô nhập văn bản và nút gửi.
B. Chỉ cần radio button và nút gửi.
C. Ô nhập văn bản và hộp kiểm, cùng với nút gửi.
D. Nút chọn và ô nhập số, cùng với nút gửi.
Câu 22: Khi thực hành tạo biểu mẫu theo Bài 7, việc lưu tệp HTML với các tên khác nhau cho các nhiệm vụ (ví dụ: Bai7-NV1.html, Bai7-NV2.html) giúp ích gì?
A. Giúp theo dõi tiến độ và lưu giữ các phiên bản khác nhau của biểu mẫu sau mỗi nhiệm vụ.
B. Bắt buộc để trình duyệt có thể hiển thị biểu mẫu.
C. Giúp biểu mẫu tự động gửi dữ liệu sau khi hoàn thành.
D. Để giảm dung lượng của tệp HTML.
Câu 23: Bạn tạo một nhóm 3 radio button với cùng `name=
A. rating=rating
B. rating=3
C. rating=1
D. rating=2
Câu 24: Khi nào thì dữ liệu từ một biểu mẫu HTML được gửi đi (submit) đến máy chủ?
A. Khi người dùng nhấp vào nút "Submit" hoặc nhấn Enter trong một số trường nhập liệu.
B. Ngay khi người dùng nhập xong dữ liệu vào bất kỳ trường nào.
C. Khi trang web chứa biểu mẫu được tải xong.
D. Khi người dùng đóng trang web.
Câu 25: Bạn muốn tạo một ô nhập liệu cho mật khẩu, nơi các ký tự gõ vào sẽ bị che đi (ví dụ: bằng dấu * hoặc •). Thuộc tính `type` nào của thẻ `` được sử dụng cho mục đích này?
A. type=
B. type=
C. type=
D. type=
Câu 26: Trong Bài 7, sau khi tạo cấu trúc cơ bản của tệp HTML (khai báo ``, ``, `
`, ``), bước tiếp theo thường là gì để bắt đầu xây dựng biểu mẫu?
A. Thêm thẻ `
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 08
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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 HTML, thẻ nào được sử dụng để định nghĩa một biểu mẫu (form) dùng để thu thập dữ liệu từ người dùng?
A.
B.
C.
D.
Câu 2: Để 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ụ: Họ và tên, Email), bạn sử dụng thẻ `` với thuộc tính `type` nào?
A. text
B. checkbox
C. radio
D. submit
Câu 3: Khi 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 DUY NHẤT một tùy chọn trong nhóm đó (ví dụ: Giới tính), bạn nên sử dụng loại điều khiển nào?
A. Hộp kiểm (Checkbox)
B. Ô văn bản (Text box)
C. Nút chọn (Radio button)
D. Vùng văn bản (Textarea)
Câu 4: Để tạo một nút bấm 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 sử dụng thẻ `` với thuộc tính `type` nào?
A. button
B. reset
C. text
D. submit
Câu 5: Thuộc tính `name` trong các thẻ ``, `
A. Xác định tên của điều khiển để gửi dữ liệu đến máy chủ.
B. Thay đổi màu sắc hoặc kiểu chữ của điều khiển.
C. Đặt văn bản mặc định hiển thị trong ô nhập liệu.
D. Liên kết điều khiển nhập liệu với một nhãn (label).
Câu 6: Đoạn code HTML sau sẽ tạo ra điều khiển gì trên biểu mẫu?
```html
A. Một ô nhập văn bản.
B. Một hộp kiểm (checkbox).
C. Một nút chọn (radio button).
D. Một nút gửi (submit button).
Câu 7: Để liên kết một nhãn văn bản (ví dụ: "Họ và tên:") với một ô nhập liệu (``) trong HTML, bạn sử dụng thẻ nào và thuộc tính nào?
A. Thẻ `` và thuộc tính `link`.
B. Thẻ `
` và thuộc tính `id`.
C. Thẻ `` và thuộc tính `connect`.
D. Thẻ `` và thuộc tính `for`.
Câu 8: Bạn cần tạo một vùng nhập liệu cho phép người dùng gõ nhiều dòng văn bản (ví dụ: Địa chỉ, Lời nhắn). Bạn nên sử dụng thẻ HTML nào?
A.
B.
C.
D.
Câu 9: Trong Nhiệm vụ thực hành tạo biểu mẫu, việc xem kết quả trên trình duyệt web có ý nghĩa gì?
A. Để tự động gửi dữ liệu biểu mẫu đi.
B. Để chỉnh sửa trực tiếp mã HTML một cách dễ dàng hơn.
C. Để kiểm tra giao diện và chức năng của biểu mẫu đã tạo.
D. Để lưu tệp HTML dưới định dạng khác.
Câu 10: Đoạn code HTML sau tạo ra một nhóm các nút chọn giới tính:
```html
A. Để trình duyệt nhận biết chúng thuộc cùng một nhóm và chỉ cho phép chọn một.
B. Để dữ liệu gửi đi có cùng tên biến trên máy chủ.
C. Để căn chỉnh các nút radio trên cùng một hàng.
D. Để tự động chọn sẵn một tùy chọn khi tải trang.
Câu 11: 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 để tạo danh sách này?
A.
B.
C.
D.
Câu 12: Thẻ `
A. Xác định tiêu đề cho danh sách.
B. Đặt tên cho danh sách để gửi dữ liệu.
C. Tạo nút gửi cho danh sách.
D. Định nghĩa một mục (tùy chọn) trong danh sách.
Câu 13: Để hiển thị văn bản gợi ý (placeholder text) bên trong một ô nhập liệu văn bản (`
A. placeholder
B. hint
C. value
D. label
Câu 14: Bạn đã tạo một biểu mẫu đăng ký và muốn thêm một nút "Đăng ký" mà khi nhấp vào, dữ liệu sẽ được gửi đi. Đoạn code HTML nào sau đây tạo ra nút đó?
A. Đăng ký
B.
C.
D.
Câu 15: Xem xét đoạn code HTML sau:
```html
A. Biểu mẫu sẽ được gửi đi.
B. Con trỏ sẽ tự động di chuyển vào ô nhập liệu Email.
C. Trang web sẽ tải lại.
D. Sẽ hiển thị thông báo lỗi.
Câu 16: Bạn muốn tạo một tùy chọn trong danh sách thả xuống (`
A. selected
B. checked
C. default
D. active
Câu 17: Sự khác biệt cơ bản giữa `
A. Radio button dùng cho văn bản, checkbox dùng cho số.
B. Radio button có nhãn, checkbox không có.
C. Radio button chỉ cho phép chọn một, checkbox cho phép chọn nhiều.
D. Radio button gửi dữ liệu, checkbox không gửi.
Câu 18: Bạn đã tạo một form đăng ký. Để đảm bảo người dùng bắt buộc phải nhập thông tin vào ô "Email" trước khi gửi form, bạn sử dụng thuộc tính nào cho thẻ `
A. mandatory
B. required
C. validate
D. important
Câu 19: Xem xét đoạn code HTML sau:
```html
Chọn sở thích của bạn:
A. ?hobby=sport,travel
B. ?hobby=sport&travel
C. ?hobby=sport+travel
D. ?hobby=sport&hobby=travel
Câu 20: Bạn muốn tạo một nút bấm để xóa trắng tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu. Bạn sử dụng thẻ `` với thuộc tính `type` nào?
A. reset
B. clear
C. empty
D. delete
Câu 21: Trong cấu trúc cơ bản của một tệp HTML để tạo biểu mẫu, các thẻ `
`, ``, ``, v.v., thường được đặt bên trong phần tử nào?
A.
B.
C.
D.
Câu 22: Bạn cần tạo một ô nhập liệu số lượng sản phẩm, chỉ chấp nhận giá trị là số nguyên dương. Loại thuộc tính `type` nào của `` phù hợp nhất?
A. number
B. text
C. integer
D. numeric
Câu 23: Xem xét yêu cầu sau: "Tạo một trường nhập liệu mật khẩu". Bạn nên sử dụng loại thuộc tính `type` nào cho thẻ `` để các ký tự nhập vào được che lại (ví dụ bằng dấu chấm tròn)?
A. text
B. secret
C. hidden
D. password
Câu 24: Bạn muốn tạo một nút bấm thông thường không có chức năng đặc biệt mặc định (không gửi form, không reset). Bạn sử dụng thẻ `` với thuộc tính `type` nào?
A. submit
B. button
C. action
D. generic
Câu 25: Để thiết lập giá trị ban đầu (giá trị mặc định) cho một ô nhập liệu văn bản (`
A. default
B. placeholder
C. value
D. initial
Câu 26: Xem xét đoạn code HTML sau:
```html
A. Đỏ
B. Xanh
C. Không có màu nào được chọn mặc định.
D. Lục
Câu 27: Bạn muốn tạo một trường nhập liệu email. Loại thuộc tính `type` nào của `` vừa giúp kiểm tra định dạng email cơ bản (khi submit) vừa hiển thị bàn phím ảo phù hợp trên thiết bị di động?
A. email
B. text
C. mail
D. address
Câu 28: Giả sử bạn đang tạo một form khảo sát và muốn người dùng chọn tất cả các mục áp dụng từ một danh sách (ví dụ: Các môn thể thao yêu thích). Bạn nên sử dụng loại điều khiển nào?
A. Nút chọn (Radio button)
B. Hộp kiểm (Checkbox)
C. Danh sách thả xuống (Select)
D. Ô văn bản (Text box)
Câu 29: Thuộc tính `value` trong thẻ `
A. Xác định địa chỉ URL để gửi dữ liệu đến.
B. Đặt tên cho nút để xử lý trên máy chủ.
C. Thiết lập giá trị mặc định cho dữ liệu gửi đi.
D. Xác định văn bản hiển thị trên nút.
Câu 30: Trong quá trình thực hành tạo biểu mẫu, việc sử dụng trình soạn thảo văn bản (ví dụ: Notepad++, VS Code, Sublime Text) để viết mã HTML có ưu điểm gì?
A. Tự động gửi biểu mẫu ngay khi lưu tệp.
B. Chuyển đổi tệp HTML sang định dạng PDF.
C. Hỗ trợ viết mã HTML dễ dàng hơn với tô sáng cú pháp, gợi ý mã.
D. Xem trước kết quả biểu mẫu trực tiếp trong khi gõ mã.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 1: Trong HTML, thẻ nào được sử dụng để định nghĩa một biểu mẫu (form) dùng để thu thập dữ liệu từ người dùng?
<body>
<form>
<input>
<label>
Thẻ `
` là phần tử cốt lõi trong HTML để tạo ra một biểu mẫu. Nó bao quanh các điều khiển nhập liệu như ô văn bản, nút chọn, hộp kiểm, v.v., để nhóm chúng lại và chuẩn bị gửi dữ liệu.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 2: Để 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ụ: Họ và tên, Email), bạn sử dụng thẻ `` với thuộc tính `type` nào?
text
checkbox
radio
submit
Thuộc tính `type="text"` của thẻ `` được thiết kế để tạo ra các trường nhập liệu văn bản một dòng, phù hợp cho các thông tin ngắn như tên, email, tiêu đề.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 3: Khi 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 DUY NHẤT một tùy chọn trong nhóm đó (ví dụ: Giới tính), bạn nên sử dụng loại điều khiển nào?
Hộp kiểm (Checkbox)
Ô văn bản (Text box)
Nút chọn (Radio button)
Vùng văn bản (Textarea)
Nút chọn (radio button) được sử dụng khi chỉ có thể chọn một phương án trong một tập hợp các phương án loại trừ lẫn nhau. Để các nút radio cùng thuộc một nhóm, chúng phải có cùng giá trị cho thuộc tính `name`.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 4: Để tạo một nút bấm 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 sử dụng thẻ `` với thuộc tính `type` nào?
button
reset
text
submit
Thuộc tính `type="submit"` của thẻ `` tạo ra một nút bấm đặc biệt có chức năng gửi dữ liệu từ biểu mẫu đến địa chỉ được chỉ định bởi thuộc tính `action` của thẻ `
`.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 5: Thuộc tính `name` trong các thẻ ``, `
Xác định tên của điều khiển để gửi dữ liệu đến máy chủ.
Thay đổi màu sắc hoặc kiểu chữ của điều khiển.
Đặt văn bản mặc định hiển thị trong ô nhập liệu.
Liên kết điều khiển nhập liệu với một nhãn (label).
Thuộc tính `name` gán một tên cho điều khiển nhập liệu. Tên này (cùng với giá trị người dùng nhập) sẽ được gửi đến máy chủ khi biểu mẫu được gửi đi, giúp máy chủ xác định dữ liệu thuộc về trường nào.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 6: Đoạn code HTML sau sẽ tạo ra điều khiển gì trên biểu mẫu?
```html
```
Một ô nhập văn bản.
Một hộp kiểm (checkbox).
Một nút chọn (radio button).
Một nút gửi (submit button).
Thẻ `` với `type="checkbox"` tạo ra một hộp kiểm (checkbox), cho phép người dùng chọn hoặc bỏ chọn một tùy chọn. Thuộc tính `value` xác định giá trị sẽ được gửi đi nếu hộp kiểm này được chọn.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 7: Để liên kết một nhãn văn bản (ví dụ: 'Họ và tên:') với một ô nhập liệu (``) trong HTML, bạn sử dụng thẻ nào và thuộc tính nào?
Thẻ `<span>` và thuộc tính `link`.
Thẻ `<p>` và thuộc tính `id`.
Thẻ `<text>` và thuộc tính `connect`.
Thẻ `<label>` và thuộc tính `for`.
Thẻ `` được sử dụng để tạo nhãn cho các điều khiển biểu mẫu. Thuộc tính `for` của thẻ `` được gán giá trị là `id` của điều khiển nhập liệu tương ứng để tạo liên kết.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 8: Bạn cần tạo một vùng nhập liệu cho phép người dùng gõ nhiều dòng văn bản (ví dụ: Địa chỉ, Lời nhắn). Bạn nên sử dụng thẻ HTML nào?
<textarea>
<input type="text">
<input type="textarea">
<input type="multiline">
Thẻ `
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 9: Trong Nhiệm vụ thực hành tạo biểu mẫu, việc xem kết quả trên trình duyệt web có ý nghĩa gì?
Để tự động gửi dữ liệu biểu mẫu đi.
Để chỉnh sửa trực tiếp mã HTML một cách dễ dàng hơn.
Để kiểm tra giao diện và chức năng của biểu mẫu đã tạo.
Để lưu tệp HTML dưới định dạng khác.
Trình duyệt web (như Chrome, Firefox, Edge) là công cụ để hiển thị kết quả của mã HTML. Việc xem trên trình duyệt giúp kiểm tra xem mã HTML đã viết có đúng cú pháp, hiển thị các điều khiển biểu mẫu có chính xác như mong muốn hay không, và phát hiện lỗi hiển thị.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 10: Đoạn code HTML sau tạo ra một nhóm các nút chọn giới tính:
```html
Nam
Nữ
Khác
```
Tại sao cả ba thẻ `` này đều có cùng thuộc tính `name="gender"`?
Để trình duyệt nhận biết chúng thuộc cùng một nhóm và chỉ cho phép chọn một.
Để dữ liệu gửi đi có cùng tên biến trên máy chủ.
Để căn chỉnh các nút radio trên cùng một hàng.
Để tự động chọn sẵn một tùy chọn khi tải trang.
Đối với các nút radio, việc sử dụng cùng một giá trị cho thuộc tính `name` là bắt buộc để trình duyệt hiểu rằng chúng thuộc về cùng một nhóm và chỉ cho phép người dùng chọn duy nhất một nút trong nhóm đó.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 11: 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 để tạo danh sách này?
<list>
<select>
<dropdown>
<input type="list">
Thẻ `
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 12: Thẻ `
Xác định tiêu đề cho danh sách.
Đặt tên cho danh sách để gửi dữ liệu.
Tạo nút gửi cho danh sách.
Định nghĩa một mục (tùy chọn) trong danh sách.
Mỗi thẻ `
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 13: Để hiển thị văn bản gợi ý (placeholder text) bên trong một ô nhập liệu văn bản (``) trước khi người dùng nhập dữ liệu, bạn sử dụng thuộc tính nào?
placeholder
hint
value
label
Thuộc tính `placeholder` được sử dụng để hiển thị văn bản gợi ý trong ô nhập liệu. Văn bản này sẽ biến mất khi người dùng bắt đầu gõ.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 14: Bạn đã tạo một biểu mẫu đăng ký và muốn thêm một nút 'Đăng ký' mà khi nhấp vào, dữ liệu sẽ được gửi đi. Đoạn code HTML nào sau đây tạo ra nút đó?
<button>Đăng ký</button>
<input type="button" value="Đăng ký">
<input type="submit" value="Đăng ký">
<input type="text" value="Đăng ký">
Nút gửi dữ liệu được tạo bằng ``. Thuộc tính `value` xác định văn bản hiển thị trên nút.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 15: Xem xét đoạn code HTML sau:
```html
Email:
```
Nếu người dùng nhấp vào nhãn 'Email:', điều gì sẽ xảy ra?
Biểu mẫu sẽ được gửi đi.
Con trỏ sẽ tự động di chuyển vào ô nhập liệu Email.
Trang web sẽ tải lại.
Sẽ hiển thị thông báo lỗi.
Khi thẻ `` được liên kết với một điều khiển nhập liệu thông qua thuộc tính `for` (giá trị của `for` trùng với `id` của điều khiển), việc nhấp vào nhãn sẽ tự động đưa con trỏ vào (focus) điều khiển nhập liệu tương ứng.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 16: Bạn muốn tạo một tùy chọn trong danh sách thả xuống (``) được chọn mặc định khi trang web tải lên. Bạn sử dụng thuộc tính nào cho thẻ `
selected
checked
default
active
Thuộc tính `selected` (không cần gán giá trị) được thêm vào thẻ `
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 17: Sự khác biệt cơ bản giữa `` và `` là gì?
Radio button dùng cho văn bản, checkbox dùng cho số.
Radio button có nhãn, checkbox không có.
Radio button chỉ cho phép chọn một, checkbox cho phép chọn nhiều.
Radio button gửi dữ liệu, checkbox không gửi.
Radio buttons (nút chọn) cho phép chọn DUY NHẤT một tùy chọn trong một nhóm (nhờ cùng `name`). Checkboxes (hộp kiểm) cho phép chọn NHIỀU tùy chọn độc lập hoặc không chọn tùy chọn nào.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 18: Bạn đã tạo một form đăng ký. Để đảm bảo người dùng bắt buộc phải nhập thông tin vào ô 'Email' trước khi gửi form, bạn sử dụng thuộc tính nào cho thẻ `` của Email?
mandatory
required
validate
important
Thuộc tính `required` được sử dụng để đánh dấu một trường nhập liệu là bắt buộc. Trình duyệt sẽ ngăn việc gửi form và hiển thị thông báo nếu trường này trống.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 19: Xem xét đoạn code HTML sau:
```html
Chọn sở thích của bạn:
Thể thao
Âm nhạc
Du lịch
```
Nếu người dùng chọn cả 'Thể thao' và 'Du lịch', dữ liệu gửi đi sẽ trông như thế nào (giả sử phương thức gửi là GET)?
?hobby=sport,travel
?hobby=sport&travel
?hobby=sport+travel
?hobby=sport&hobby=travel
Khi nhiều checkboxes trong cùng một nhóm (cùng `name`) được chọn, dữ liệu gửi đi sẽ có nhiều cặp `name=value` với cùng tên `name`. Ví dụ: `?hobby=sport&hobby=travel`.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 20: Bạn muốn tạo một nút bấm để xóa trắng tất cả dữ liệu đã nhập trong biểu mẫu về trạng thái ban đầu. Bạn sử dụng thẻ `` với thuộc tính `type` nào?
reset
clear
empty
delete
Thuộc tính `type="reset"` của thẻ `` tạo ra một nút bấm có chức năng đặt lại (xóa trắng) tất cả các trường nhập liệu trong biểu mẫu về giá trị mặc định ban đầu.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 21: Trong cấu trúc cơ bản của một tệp HTML để tạo biểu mẫu, các thẻ `
`, ``, ``, v.v., thường được đặt bên trong phần tử nào?
<head>
<html>
<body>
<title>
Nội dung hiển thị trên trình duyệt, bao gồm cả biểu mẫu và các điều khiển của nó, đều được đặt bên trong phần tử `
` của tài liệu HTML.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 22: Bạn cần tạo một ô nhập liệu số lượng sản phẩm, chỉ chấp nhận giá trị là số nguyên dương. Loại thuộc tính `type` nào của `` phù hợp nhất?
number
text
integer
numeric
Thuộc tính `type="number"` được thiết kế để nhập liệu giá trị số. Trình duyệt hiện đại thường hiển thị các mũi tên lên/xuống để tăng/giảm giá trị và có thể kiểm tra ràng buộc về số (mặc dù việc chỉ chấp nhận số nguyên dương có thể cần thêm thuộc tính `min` hoặc kiểm tra bằng JavaScript).
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 23: Xem xét yêu cầu sau: 'Tạo một trường nhập liệu mật khẩu'. Bạn nên sử dụng loại thuộc tính `type` nào cho thẻ `` để các ký tự nhập vào được che lại (ví dụ bằng dấu chấm tròn)?
text
secret
hidden
password
Thuộc tính `type="password"` tạo ra một trường nhập liệu văn bản mà các ký tự nhập vào sẽ được che đi, phù hợp cho việc nhập mật khẩu.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 24: Bạn muốn tạo một nút bấm thông thường không có chức năng đặc biệt mặc định (không gửi form, không reset). Bạn sử dụng thẻ `` với thuộc tính `type` nào?
submit
button
action
generic
Thuộc tính `type="button"` tạo ra một nút bấm chung chung. Chức năng của nút này thường được xử lý bằng JavaScript.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 25: Để thiết lập giá trị ban đầu (giá trị mặc định) cho một ô nhập liệu văn bản (``), bạn sử dụng thuộc tính nào?
default
placeholder
value
initial
Thuộc tính `value` được sử dụng để đặt giá trị mặc định cho các trường nhập liệu như ``, ``, ``, `
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 26: Xem xét đoạn code HTML sau:
```html
Đỏ
Xanh
Lục
```
Khi trang web tải, màu nào sẽ được chọn mặc định?
Đỏ
Xanh
Không có màu nào được chọn mặc định.
Lục
Thuộc tính `checked` được sử dụng để đánh dấu một nút radio hoặc hộp kiểm được chọn mặc định khi trang tải. Trong trường hợp này, nút radio có `value="green"` được đánh dấu `checked`, nên 'Lục' sẽ được chọn.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 27: Bạn muốn tạo một trường nhập liệu email. Loại thuộc tính `type` nào của `` vừa giúp kiểm tra định dạng email cơ bản (khi submit) vừa hiển thị bàn phím ảo phù hợp trên thiết bị di động?
email
text
mail
address
Thuộc tính `type="email"` được thiết kế riêng cho việc nhập địa chỉ email. Trình duyệt có thể cung cấp kiểm tra định dạng email cơ bản và hiển thị bàn phím ảo tối ưu cho việc nhập email trên thiết bị cảm ứng.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 28: Giả sử bạn đang tạo một form khảo sát và muốn người dùng chọn tất cả các mục áp dụng từ một danh sách (ví dụ: Các môn thể thao yêu thích). Bạn nên sử dụng loại điều khiển nào?
Nút chọn (Radio button)
Hộp kiểm (Checkbox)
Danh sách thả xuống (Select)
Ô văn bản (Text box)
Hộp kiểm (checkbox) được sử dụng khi người dùng có thể chọn nhiều tùy chọn từ một danh sách. Mỗi hộp kiểm hoạt động độc lập với các hộp kiểm khác.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 29: Thuộc tính `value` trong thẻ `` có tác dụng gì?
Xác định địa chỉ URL để gửi dữ liệu đến.
Đặt tên cho nút để xử lý trên máy chủ.
Thiết lập giá trị mặc định cho dữ liệu gửi đi.
Xác định văn bản hiển thị trên nút.
Đối với nút gửi (`type="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 đó.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 08
Câu 30: Trong quá trình thực hành tạo biểu mẫu, việc sử dụng trình soạn thảo văn bản (ví dụ: Notepad++, VS Code, Sublime Text) để viết mã HTML có ưu điểm gì?
Tự động gửi biểu mẫu ngay khi lưu tệp.
Chuyển đổi tệp HTML sang định dạng PDF.
Hỗ trợ viết mã HTML dễ dàng hơn với tô sáng cú pháp, gợi ý mã.
Xem trước kết quả biểu mẫu trực tiếp trong khi gõ mã.
Trình soạn thảo văn bản chuyên dụng thường cung cấp các tính năng hỗ trợ như tô sáng cú pháp (syntax highlighting), tự động hoàn thành mã (autocompletion), kiểm tra lỗi cơ bản, giúp việc viết và chỉnh sửa mã HTML trở nên dễ dàng và hiệu quả hơn so với trình soạn thảo văn bản thuần túy như Notepad.
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 09
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Khi bắt đầu tạo một biểu mẫu thu thập thông tin người dùng bằng HTML, thẻ (tag) cơ bản và quan trọng nhất cần sử dụng để bao bọc toàn bộ các thành phần điều khiển nhập liệu là gì?
A.
B.
C.
D.
Câu 2: Để tạo một ô nhập liệu cho phép người dùng gõ vào một dòng văn bản ngắn (ví dụ: Họ tên, Địa chỉ email), bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
A. text
B. password
C. textarea
D. submit
Câu 3: Trong một biểu mẫu đăng ký, bạn muốn tạo một ô nhập liệu mà khi người dùng gõ vào, nội dung sẽ bị che đi (hiển thị dưới dạng dấu chấm hoặc dấu sao) để bảo mật thông tin. Loại `type` nào của thẻ `` sẽ được sử dụng?
A. text
B. hidden
C. password
D. email
Câu 4: Bạn cần tạo một nút trên biểu mẫu để khi người dùng nhấn vào, dữ liệu trong biểu mẫu sẽ được gửi đến máy chủ để xử lý. Thẻ `` với `type` nào thực hiện chức năng này?
A. button
B. reset
C. text
D. submit
Câu 5: Thuộc tính nào của thẻ `` được sử dụng để gán một tên (name) cho điều khiển nhập liệu, giúp dữ liệu từ điều khiển đó có thể được xác định và xử lý ở phía máy chủ khi biểu mẫu được gửi đi?
A. name
B. id
C. value
D. type
Câu 6: Để 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ữ), bạn sẽ sử dụng thẻ `` với `type` nào, và điều kiện quan trọng để chúng hoạt động như một nhóm là gì?
A. type="checkbox" và cùng giá trị thuộc tính "name"
B. type="radio" và cùng giá trị thuộc tính "name"
C. type="radio" và cùng giá trị thuộc tính "id"
D. type="checkbox" và cùng giá trị thuộc tính "id"
Câu 7: Bạn muốn tạo một danh sách các tùy chọn mà người dùng có thể chọn NHIỀU mục cùng lúc (ví dụ: Các sở thích: Đọc sách, Nghe nhạc, Chơi game...). Loại `type` nào của thẻ `` phù hợp cho mục đích này?
A. radio
B. select
C. option
D. checkbox
Câu 8: Thuộc tính `value` trong thẻ `` có tác dụng gì?
A. Xác định tên của điều khiển để gửi dữ liệu.
B. Xác định định dạng dữ liệu được nhập.
C. Thiết lập giá trị ban đầu hoặc giá trị được gửi đi của điều khiển.
D. Định nghĩa văn bản nhãn cho điều khiển.
Câu 9: Để liên kết một đoạn văn bản làm nhãn (label) với một điều khiển nhập liệu cụ thể (ví dụ: nhãn "Email:" liên kết với ô input nhập email), bạn nên sử dụng thẻ nào và thuộc tính nào để thiết lập mối liên kết?
A. Thẻ `` với thuộc tính `for` trỏ tới `id` của điều khiển.
B. Thẻ `` với thuộc tính `name` trỏ tới `name` của điều khiển.
C. Thẻ `
` bao quanh điều khiển và nhãn.
D. Sử dụng thuộc tính `title` trong thẻ ``.
Câu 10: Bạn đang xây dựng một biểu mẫu phản hồi và cần một ô nhập liệu lớn cho phép người dùng gõ nhiều dòng văn bản (ví dụ: Nội dung phản hồi). Thẻ HTML nào phù hợp nhất cho yêu cầu này?
A.
B.
C.
D.
Câu 11: Xét đoạn mã HTML sau: `
A. Cả "Nam" và "Nữ" đều được chọn.
B. Chỉ "Nam" được chọn, "Nữ" vẫn chưa được chọn.
C. Đầu tiên "Nam" được chọn, sau đó "Nam" sẽ bị bỏ chọn và "Nữ" được chọn.
D. Đoạn mã này bị lỗi cú pháp.
Câu 12: Thuộc tính `placeholder` trong thẻ `
A. Hiển thị văn bản gợi ý mờ bên trong ô nhập liệu khi ô đó trống.
B. Đặt giá trị mặc định cho ô nhập liệu khi trang web tải lên.
C. Đặt tên cho ô nhập liệu để gửi dữ liệu.
D. Giới hạn số ký tự tối đa có thể nhập.
Câu 13: Để 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ẽ sử dụng kết hợp các thẻ HTML nào?
A. và
B. và
C. và
D. và
Câu 14: Trong thẻ `
A. Văn bản hiển thị cho người dùng trong danh sách.
B. Thứ tự hiển thị của tùy chọn.
C. Giá trị được gửi đến máy chủ khi tùy chọn này được chọn.
D. Tên của danh sách thả xuống.
Câu 15: Bạn muốn một ô nhập liệu văn bản (`
A. size
B. maxlength
C. length
D. limit
Câu 16: Khi thực hành tạo biểu mẫu HTML, sau khi viết mã nguồn bằng trình soạn thảo văn bản, bước tiếp theo quan trọng nhất để xem kết quả của biểu mẫu trên trình duyệt web là gì?
A. Chạy đoạn mã bằng trình biên dịch.
B. Tải tệp lên máy chủ web.
C. Kiểm tra lỗi cú pháp bằng công cụ trực tuyến.
D. Lưu tệp với phần mở rộng `.html` và mở bằng trình duyệt web.
Câu 17: Thuộc tính `action` trong thẻ `
` có vai trò gì?
A. Chỉ định URL của trang web hoặc script sẽ xử lý dữ liệu biểu mẫu khi nó được gửi đi.
B. Xác định phương thức HTTP được sử dụng để gửi dữ liệu (GET hoặc POST).
C. Đặt tên cho biểu mẫu để tham chiếu bằng script.
D. Xác định cách dữ liệu biểu mẫu được mã hóa trước khi gửi.
Câu 18: Bạn muốn một ô nhập liệu (``) hoặc vùng văn bản (`
A. disabled
B. hidden
C. readonly
D. locked
Câu 19: Trong một biểu mẫu khảo sát, bạn muốn đánh dấu sẵn một tùy chọn trong nhóm checkbox (ví dụ: "Đồng ý nhận email quảng cáo"). Thuộc tính nào được sử dụng để làm cho một checkbox hoặc radio button được chọn mặc định khi trang tải lên?
A. checked
B. selected
C. value
D. default
Câu 20: Khi tạo một danh sách thả xuống (``), bạn muốn một tùy chọn cụ thể được hiển thị mặc định khi trang được tải. Thuộc tính nào được thêm vào thẻ `
A. checked
B. selected
C. default
D. value
Câu 21: Bạn muốn tạo một nút trên biểu mẫu để xóa tất cả dữ liệu đã nhập vào các trường và khôi phục lại trạng thái ban đầu của biểu mẫu. Thẻ `` với `type` nào sẽ làm điều này?
A. submit
B. button
C. reset
D. clear
Câu 22: Xét đoạn mã: `
A. Khi người dùng nhấp vào văn bản nhãn "Địa chỉ Email:", con trỏ sẽ tự động chuyển đến ô nhập liệu `
B. Để định dạng văn bản nhãn đẹp hơn bằng CSS.
C. Để đảm bảo dữ liệu nhập vào ô email có định dạng chính xác.
D. Để ẩn ô nhập liệu email ban đầu.
Câu 23: Bạn đang tạo một biểu mẫu đăng ký và muốn đảm bảo rằng người dùng không được để trống trường "Tên đăng nhập". Thuộc tính nào có thể thêm vào thẻ `` để yêu cầu người dùng nhập dữ liệu vào trường này trước khi gửi biểu mẫu?
A. mandatory
B. not-empty
C. validate
D. required
Câu 24: Thuộc tính `disabled` khi được thêm vào một điều khiển nhập liệu trong biểu mẫu (ví dụ: `
A. Điều khiển chỉ có thể đọc, không thể chỉnh sửa, nhưng dữ liệu vẫn được gửi đi.
B. Điều khiển không thể tương tác (không thể nhập, chọn, nhấp) và dữ liệu của nó sẽ không được gửi đi khi biểu mẫu được submit.
C. Điều khiển bị ẩn hoàn toàn khỏi giao diện người dùng.
D. Điều khiển hiển thị bình thường nhưng không có nhãn đi kèm.
Câu 25: Bạn cần tạo một biểu mẫu để thu thập địa chỉ của khách hàng. Ngoài các trường như Tên, Địa chỉ đường, Thành phố, bạn cần một ô nhập liệu riêng cho Mã bưu chính chỉ chấp nhận các chữ số. Loại `type` nào của thẻ `` là phù hợp nhất (trong HTML5) để vừa thu thập dữ liệu vừa gợi ý bàn phím số trên thiết bị di động?
A. text
B. tel
C. number
D. zip
Câu 26: Khi thiết kế một biểu mẫu, việc sử dụng thuộc tính `name` cho các điều khiển nhập liệu là cực kỳ quan trọng vì lý do nào sau đây?
A. Thuộc tính `name` xác định tên của dữ liệu sẽ được gửi đến máy chủ, giúp script xử lý phân biệt và truy cập giá trị của từng trường nhập liệu.
B. Thuộc tính `name` được sử dụng bởi CSS để định dạng giao diện của điều khiển.
C. Thuộc tính `name` hiển thị văn bản nhãn bên cạnh điều khiển nhập liệu.
D. Thuộc tính `name` bắt buộc người dùng phải nhập dữ liệu vào trường đó.
Câu 27: Bạn đang thực hành Bài 7 và đã tạo tệp `Bai7-NV1.html` với một biểu mẫu đơn giản. Bây giờ bạn muốn thêm các điều khiển lựa chọn và nút gửi như yêu cầu của Nhiệm vụ 2, và lưu lại tiến trình này. Theo hướng dẫn thông thường, bạn nên làm gì với tệp `Bai7-NV1.html`?
A. Đóng `Bai7-NV1.html` và tạo một tệp mới hoàn toàn tên `Bai7-NV2.html`.
B. Chỉnh sửa trực tiếp `Bai7-NV1.html` và lưu đè lên tệp cũ.
C. Mở `Bai7-NV1.html`, thêm nội dung mới, sau đó sử dụng chức năng "Lưu thành" (Save As) để lưu với tên `Bai7-NV2.html`.
D. Sao chép nội dung của `Bai7-NV1.html` sang một tệp mới tên `Bai7-NV2.txt`.
Câu 28: Khi sử dụng thẻ `
A. Xác định số hàng (rows) và số cột (cols) hiển thị ban đầu của vùng văn bản.
B. Giới hạn số ký tự tối đa và tối thiểu có thể nhập.
C. Đặt tên và ID cho vùng văn bản.
D. Xác định kiểu font chữ và màu sắc cho văn bản.
Câu 29: Bạn muốn tạo một nút bấm thông thường trên biểu mẫu để kích hoạt một đoạn mã JavaScript (ví dụ: hiển thị thông báo). Loại `type` nào của thẻ `` hoặc thẻ HTML nào khác phù hợp nhất cho một nút không có chức năng mặc định gửi/đặt lại biểu mẫu?
A.
B.
C.
D.
Câu 30: Xem xét mục đích của biểu mẫu HTML là thu thập thông tin người dùng. Điều gì xảy ra với dữ liệu người dùng nhập vào biểu mẫu sau khi nút "submit" được nhấn (theo cấu hình mặc định hoặc thông thường của Bài 7)?
A. Dữ liệu được đóng gói và gửi đến địa chỉ (URL) được chỉ định trong thuộc tính `action` của thẻ `
` để xử lý (thường là bởi một script phía máy chủ).
B. Dữ liệu được lưu trữ tự động trong bộ nhớ cục bộ của trình duyệt người dùng.
C. Dữ liệu được hiển thị ngay lập tức trên một trang web mới.
D. Dữ liệu bị xóa ngay sau khi nút submit được nhấn.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 1: Khi bắt đầu tạo một biểu mẫu thu thập thông tin người dùng bằng HTML, thẻ (tag) cơ bản và quan trọng nhất cần sử dụng để bao bọc toàn bộ các thành phần điều khiển nhập liệu là gì?
<div>
<form>
<table>
<input>
Câu hỏi kiểm tra kiến thức cơ bản về cấu trúc biểu mẫu HTML. Thẻ `
` được dùng để định nghĩa một biểu mẫu HTML dùng để thu thập dữ liệu người dùng.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 2: Để tạo một ô nhập liệu cho phép người dùng gõ vào một dòng văn bản ngắn (ví dụ: Họ tên, Địa chỉ email), bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị nào?
text
password
textarea
submit
Câu hỏi kiểm tra khả năng áp dụng thẻ `` với thuộc tính `type` phù hợp cho mục đích nhập liệu văn bản một dòng.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 3: Trong một biểu mẫu đăng ký, bạn muốn tạo một ô nhập liệu mà khi người dùng gõ vào, nội dung sẽ bị che đi (hiển thị dưới dạng dấu chấm hoặc dấu sao) để bảo mật thông tin. Loại `type` nào của thẻ `` sẽ được sử dụng?
text
hidden
password
email
Câu hỏi kiểm tra kiến thức về thuộc tính `type` của thẻ `` dùng cho mục đích nhập mật khẩu.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 4: Bạn cần tạo một nút trên biểu mẫu để khi người dùng nhấn vào, dữ liệu trong biểu mẫu sẽ được gửi đến máy chủ để xử lý. Thẻ `` với `type` nào thực hiện chức năng này?
button
reset
text
submit
Câu hỏi kiểm tra kiến thức về loại nút dùng để gửi dữ liệu biểu mẫu.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 5: Thuộc tính nào của thẻ `` được sử dụng để gán một tên (name) cho điều khiển nhập liệu, giúp dữ liệu từ điều khiển đó có thể được xác định và xử lý ở phía máy chủ khi biểu mẫu được gửi đi?
name
id
value
type
Câu hỏi kiểm tra vai trò của thuộc tính `name` trong việc xử lý dữ liệu biểu mẫu ở phía máy chủ.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 6: Để 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ữ), bạn sẽ sử dụng thẻ `` với `type` nào, và điều kiện quan trọng để chúng hoạt động như một nhóm là gì?
type='checkbox' và cùng giá trị thuộc tính 'name'
type='radio' và cùng giá trị thuộc tính 'name'
type='radio' và cùng giá trị thuộc tính 'id'
type='checkbox' và cùng giá trị thuộc tính 'id'
Câu hỏi kiểm tra kiến thức về cách tạo nhóm lựa chọn độc quyền (chỉ chọn một) bằng radio button và thuộc tính cần thiết để nhóm chúng lại.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 7: Bạn muốn tạo một danh sách các tùy chọn mà người dùng có thể chọn NHIỀU mục cùng lúc (ví dụ: Các sở thích: Đọc sách, Nghe nhạc, Chơi game...). Loại `type` nào của thẻ `` phù hợp cho mục đích này?
radio
select
option
checkbox
Câu hỏi kiểm tra kiến thức về loại điều khiển cho phép chọn nhiều tùy chọn.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 8: Thuộc tính `value` trong thẻ `` có tác dụng gì?
Xác định tên của điều khiển để gửi dữ liệu.
Xác định định dạng dữ liệu được nhập.
Thiết lập giá trị ban đầu hoặc giá trị được gửi đi của điều khiển.
Định nghĩa văn bản nhãn cho điều khiển.
Câu hỏi kiểm tra vai trò của thuộc tính `value`, đặc biệt là đối với các loại input như text (giá trị mặc định), submit/reset (nhãn hiển thị), radio/checkbox (giá trị gửi đi).
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 9: Để liên kết một đoạn văn bản làm nhãn (label) với một điều khiển nhập liệu cụ thể (ví dụ: nhãn 'Email:' liên kết với ô input nhập email), bạn nên sử dụng thẻ nào và thuộc tính nào để thiết lập mối liên kết?
Thẻ `<label>` với thuộc tính `for` trỏ tới `id` của điều khiển.
Thẻ `<label>` với thuộc tính `name` trỏ tới `name` của điều khiển.
Thẻ `<p>` bao quanh điều khiển và nhãn.
Sử dụng thuộc tính `title` trong thẻ `<input>`.
Câu hỏi kiểm tra cách sử dụng thẻ `` và thuộc tính `for` để cải thiện khả năng truy cập và trải nghiệm người dùng.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 10: Bạn đang xây dựng một biểu mẫu phản hồi và cần một ô nhập liệu lớn cho phép người dùng gõ nhiều dòng văn bản (ví dụ: Nội dung phản hồi). Thẻ HTML nào phù hợp nhất cho yêu cầu này?
<input type='text'>
<textarea>
<input type='textarea'>
<input type='multiline'>
Câu hỏi kiểm tra kiến thức về thẻ dùng để tạo vùng nhập liệu văn bản đa dòng.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 11: Xét đoạn mã HTML sau: ` Nam Nữ`. Điều gì sẽ xảy ra khi người dùng nhấn vào 'Nam', sau đó nhấn vào 'Nữ'?
Cả 'Nam' và 'Nữ' đều được chọn.
Chỉ 'Nam' được chọn, 'Nữ' vẫn chưa được chọn.
Đầu tiên 'Nam' được chọn, sau đó 'Nam' sẽ bị bỏ chọn và 'Nữ' được chọn.
Đoạn mã này bị lỗi cú pháp.
Câu hỏi kiểm tra khả năng phân tích hoạt động của nhóm radio button khi có cùng thuộc tính `name`. Khi một nút trong nhóm được chọn, các nút khác trong cùng nhóm sẽ tự động bỏ chọn.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 12: Thuộc tính `placeholder` trong thẻ `` có công dụng gì?
Hiển thị văn bản gợi ý mờ bên trong ô nhập liệu khi ô đó trống.
Đặt giá trị mặc định cho ô nhập liệu khi trang web tải lên.
Đặt tên cho ô nhập liệu để gửi dữ liệu.
Giới hạn số ký tự tối đa có thể nhập.
Câu hỏi kiểm tra kiến thức về thuộc tính `placeholder` dùng để hiển thị gợi ý trong ô nhập liệu.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 13: Để 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ẽ sử dụng kết hợp các thẻ HTML nào?
<input type='list'> và <item>
<dropdown> và <item>
<list> và <option>
<select> và <option>
Câu hỏi kiểm tra kiến thức về cách tạo danh sách thả xuống bằng thẻ `` và các thẻ con `
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 14: Trong thẻ `
Văn bản hiển thị cho người dùng trong danh sách.
Thứ tự hiển thị của tùy chọn.
Giá trị được gửi đến máy chủ khi tùy chọn này được chọn.
Tên của danh sách thả xuống.
Câu hỏi kiểm tra vai trò của thuộc tính `value` trong thẻ `
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 15: Bạn muốn một ô nhập liệu văn bản (``) chỉ cho phép người dùng nhập tối đa 50 ký tự. Thuộc tính nào của thẻ `` giúp bạn thực hiện điều này?
size
maxlength
length
limit
Câu hỏi kiểm tra kiến thức về thuộc tính giới hạn độ dài nhập liệu.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 16: Khi thực hành tạo biểu mẫu HTML, sau khi viết mã nguồn bằng trình soạn thảo văn bản, bước tiếp theo quan trọng nhất để xem kết quả của biểu mẫu trên trình duyệt web là gì?
Chạy đoạn mã bằng trình biên dịch.
Tải tệp lên máy chủ web.
Kiểm tra lỗi cú pháp bằng công cụ trực tuyến.
Lưu tệp với phần mở rộng `.html` và mở bằng trình duyệt web.
Câu hỏi kiểm tra quy trình làm việc cơ bản khi tạo trang web tĩnh: viết mã, lưu file, mở bằng trình duyệt.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 17: Thuộc tính `action` trong thẻ `
` có vai trò gì?
Chỉ định URL của trang web hoặc script sẽ xử lý dữ liệu biểu mẫu khi nó được gửi đi.
Xác định phương thức HTTP được sử dụng để gửi dữ liệu (GET hoặc POST).
Đặt tên cho biểu mẫu để tham chiếu bằng script.
Xác định cách dữ liệu biểu mẫu được mã hóa trước khi gửi.
Câu hỏi kiểm tra kiến thức về thuộc tính `action` dùng để chỉ định nơi dữ liệu biểu mẫu sẽ được gửi đến khi nút submit được nhấn.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 18: Bạn muốn một ô nhập liệu (``) hoặc vùng văn bản (`
disabled
hidden
readonly
locked
Câu hỏi kiểm tra kiến thức về thuộc tính làm cho trường nhập liệu chỉ đọc.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 19: Trong một biểu mẫu khảo sát, bạn muốn đánh dấu sẵn một tùy chọn trong nhóm checkbox (ví dụ: 'Đồng ý nhận email quảng cáo'). Thuộc tính nào được sử dụng để làm cho một checkbox hoặc radio button được chọn mặc định khi trang tải lên?
checked
selected
value
default
Câu hỏi kiểm tra kiến thức về thuộc tính `checked` dùng để đặt trạng thái được chọn ban đầu cho radio button và checkbox.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 20: Khi tạo một danh sách thả xuống (``), bạn muốn một tùy chọn cụ thể được hiển thị mặc định khi trang được tải. Thuộc tính nào được thêm vào thẻ `
checked
selected
default
value
Câu hỏi kiểm tra kiến thức về thuộc tính `selected` dùng để đặt tùy chọn mặc định trong danh sách ``.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 21: Bạn muốn tạo một nút trên biểu mẫu để xóa tất cả dữ liệu đã nhập vào các trường và khôi phục lại trạng thái ban đầu của biểu mẫu. Thẻ `` với `type` nào sẽ làm điều này?
submit
button
reset
clear
Câu hỏi kiểm tra kiến thức về loại nút dùng để đặt lại (reset) biểu mẫu.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 22: Xét đoạn mã: `Địa chỉ Email:`. Mục đích chính của việc sử dụng thẻ `` và thuộc tính `for` liên kết với `id` của input là gì?
Khi người dùng nhấp vào văn bản nhãn 'Địa chỉ Email:', con trỏ sẽ tự động chuyển đến ô nhập liệu `<input type="text">` tương ứng, cải thiện trải nghiệm người dùng và hỗ trợ người dùng sử dụng công nghệ hỗ trợ.
Để định dạng văn bản nhãn đẹp hơn bằng CSS.
Để đảm bảo dữ liệu nhập vào ô email có định dạng chính xác.
Để ẩn ô nhập liệu email ban đầu.
Câu hỏi kiểm tra khả năng phân tích lợi ích của việc liên kết nhãn với điều khiển nhập liệu, tập trung vào khả năng sử dụng (usability) và truy cập (accessibility).
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 23: Bạn đang tạo một biểu mẫu đăng ký và muốn đảm bảo rằng người dùng không được để trống trường 'Tên đăng nhập'. Thuộc tính nào có thể thêm vào thẻ `` để yêu cầu người dùng nhập dữ liệu vào trường này trước khi gửi biểu mẫu?
mandatory
not-empty
validate
required
Câu hỏi kiểm tra kiến thức về thuộc tính làm cho trường nhập liệu bắt buộc (validation phía client).
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 24: Thuộc tính `disabled` khi được thêm vào một điều khiển nhập liệu trong biểu mẫu (ví dụ: ``) có ý nghĩa gì?
Điều khiển chỉ có thể đọc, không thể chỉnh sửa, nhưng dữ liệu vẫn được gửi đi.
Điều khiển không thể tương tác (không thể nhập, chọn, nhấp) và dữ liệu của nó sẽ không được gửi đi khi biểu mẫu được submit.
Điều khiển bị ẩn hoàn toàn khỏi giao diện người dùng.
Điều khiển hiển thị bình thường nhưng không có nhãn đi kèm.
Câu hỏi kiểm tra kiến thức về thuộc tính `disabled` làm cho điều khiển không thể tương tác và dữ liệu của nó không được gửi đi.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 25: Bạn cần tạo một biểu mẫu để thu thập địa chỉ của khách hàng. Ngoài các trường như Tên, Địa chỉ đường, Thành phố, bạn cần một ô nhập liệu riêng cho Mã bưu chính chỉ chấp nhận các chữ số. Loại `type` nào của thẻ `` là phù hợp nhất (trong HTML5) để vừa thu thập dữ liệu vừa gợi ý bàn phím số trên thiết bị di động?
text
tel
number
zip
Câu hỏi kiểm tra khả năng áp dụng các loại input mới hơn trong HTML5 cho các loại dữ liệu cụ thể, đặc biệt là `type="number"` cho dữ liệu số.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 26: Khi thiết kế một biểu mẫu, việc sử dụng thuộc tính `name` cho các điều khiển nhập liệu là cực kỳ quan trọng vì lý do nào sau đây?
Thuộc tính `name` xác định tên của dữ liệu sẽ được gửi đến máy chủ, giúp script xử lý phân biệt và truy cập giá trị của từng trường nhập liệu.
Thuộc tính `name` được sử dụng bởi CSS để định dạng giao diện của điều khiển.
Thuộc tính `name` hiển thị văn bản nhãn bên cạnh điều khiển nhập liệu.
Thuộc tính `name` bắt buộc người dùng phải nhập dữ liệu vào trường đó.
Câu hỏi kiểm tra khả năng phân tích tầm quan trọng của thuộc tính `name` trong quá trình xử lý dữ liệu biểu mẫu.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 27: Bạn đang thực hành Bài 7 và đã tạo tệp `Bai7-NV1.html` với một biểu mẫu đơn giản. Bây giờ bạn muốn thêm các điều khiển lựa chọn và nút gửi như yêu cầu của Nhiệm vụ 2, và lưu lại tiến trình này. Theo hướng dẫn thông thường, bạn nên làm gì với tệp `Bai7-NV1.html`?
Đóng `Bai7-NV1.html` và tạo một tệp mới hoàn toàn tên `Bai7-NV2.html`.
Chỉnh sửa trực tiếp `Bai7-NV1.html` và lưu đè lên tệp cũ.
Mở `Bai7-NV1.html`, thêm nội dung mới, sau đó sử dụng chức năng 'Lưu thành' (Save As) để lưu với tên `Bai7-NV2.html`.
Sao chép nội dung của `Bai7-NV1.html` sang một tệp mới tên `Bai7-NV2.txt`.
Câu hỏi kiểm tra quy trình làm việc thực hành, đặc biệt là việc lưu tệp với tên mới để theo dõi các nhiệm vụ khác nhau.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 28: Khi sử dụng thẻ `
Xác định số hàng (rows) và số cột (cols) hiển thị ban đầu của vùng văn bản.
Giới hạn số ký tự tối đa và tối thiểu có thể nhập.
Đặt tên và ID cho vùng văn bản.
Xác định kiểu font chữ và màu sắc cho văn bản.
Câu hỏi kiểm tra kiến thức về các thuộc tính định cỡ cơ bản của thẻ `
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 29: Bạn muốn tạo một nút bấm thông thường trên biểu mẫu để kích hoạt một đoạn mã JavaScript (ví dụ: hiển thị thông báo). Loại `type` nào của thẻ `` hoặc thẻ HTML nào khác phù hợp nhất cho một nút không có chức năng mặc định gửi/đặt lại biểu mẫu?
<input type='submit'>
<input type='reset'>
<input type='text'>
<button>
Câu hỏi kiểm tra kiến thức về các loại nút, đặc biệt là nút không có hành động mặc định của form, thường dùng kết hợp với JavaScript.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 09
Câu 30: Xem xét mục đích của biểu mẫu HTML là thu thập thông tin người dùng. Điều gì xảy ra với dữ liệu người dùng nhập vào biểu mẫu sau khi nút 'submit' được nhấn (theo cấu hình mặc định hoặc thông thường của Bài 7)?
Dữ liệu được đóng gói và gửi đến địa chỉ (URL) được chỉ định trong thuộc tính `action` của thẻ `<form>` để xử lý (thường là bởi một script phía máy chủ).
Dữ liệu được lưu trữ tự động trong bộ nhớ cục bộ của trình duyệt người dùng.
Dữ liệu được hiển thị ngay lập tức trên một trang web mới.
Dữ liệu bị xóa ngay sau khi nút submit được nhấn.
Câu hỏi kiểm tra hiểu biết về luồng dữ liệu cơ bản của biểu mẫu HTML: dữ liệu được đóng gói và gửi đến URL được chỉ định bởi thuộc tính `action`.
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 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 10
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu - Đề 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: Khi bắt đầu thực hành tạo một biểu mẫu web đơn giản theo Bài 7, bạn cần tạo một tệp tin để chứa mã HTML. Tệp tin này nên được lưu với đuôi mở rộng (extension) nào để trình duyệt web có thể nhận diện và hiển thị đúng nội dung?
A. .txt
B. .css
C. .html
D. .js
Câu 2: Trong cấu trúc cơ bản của một tài liệu HTML chứa biểu mẫu, phần tử nào là nơi chứa toàn bộ nội dung hiển thị trên trình duyệt, bao gồm cả biểu mẫu bạn sẽ tạo?
A.
B.
C.
D.
Câu 3: Để định nghĩa một khu vực trong trang web nhằm thu thập thông tin từ người dùng (ví dụ: tên, địa chỉ, lựa chọn), bạn cần sử dụng thẻ HTML nào để bao bọc các điều khiển nhập liệu (input controls)?
A.
B.
C.
D.
Câu 4: Bạn muốn thêm một ô cho phép người dùng nhập vào một dòng văn bản ngắn, ví dụ như tên hoặc địa chỉ email. Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
A. submit
B. text
C. checkbox
D. radio
Câu 5: Giả sử bạn đang tạo một biểu mẫu đăng ký và cần một mục để người dùng chọn giới tính (Nam hoặc Nữ). Bạn muốn chỉ cho phép người dùng chọn một trong hai lựa chọn này. Loại điều khiển nhập liệu nào là phù hợp nhất?
A. Ô văn bản (Text box)
B. Hộp kiểm (Checkbox)
C. Nút gửi (Submit button)
D. Nút chọn (Radio button)
Câu 6: Bạn cần thêm một nút vào cuối biểu mẫu để người dùng nhấp vào đó khi đã điền xong thông tin và muốn gửi dữ liệu đi. Thẻ `` hoặc `` với thuộc tính `type` nào sẽ thực hiện chức năng này?
A. `
B. `
C. `
D. `
Câu 7: Để cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng, bạn nên liên kết một đoạn văn bản mô tả (ví dụ: "Họ và tên:") với ô nhập liệu tương ứng. Thẻ HTML nào được sử dụng cho mục đích này?
A.
B.
C.
D.
Câu 8: Khi sử dụng các nút chọn (radio button), làm thế nào để đảm bảo rằng người dùng chỉ có thể chọn DUY NHẤT một tùy chọn trong một nhóm các nút chọn?
A. Đặt cùng giá trị cho thuộc tính `id` của tất cả các nút.
B. Đặt cùng giá trị cho thuộc tính `name` của tất cả các nút.
C. Đặt cùng giá trị cho thuộc tính `value` của tất cả các nút.
D. Sử dụng thẻ `
` để bao bọc chúng.
Câu 9: Bạn muốn người dùng có thể chọn nhiều sở thích khác nhau từ một danh sách (ví dụ: Đọc sách, Nghe nhạc, Chơi thể thao). Loại điều khiển nhập liệu nào là phù hợp nhất để cho phép nhiều lựa chọn đồng thời?
A. Nút chọn (Radio button)
B. Ô văn bản (Text box)
C. Hộp kiểm (Checkbox)
D. Nút gửi (Submit button)
Câu 10: Sau khi viết mã HTML cho biểu mẫu, bước quan trọng tiếp theo để xem biểu mẫu hoạt động như thế nào là gì?
A. Mở tệp HTML bằng trình duyệt web.
B. Gửi tệp HTML lên máy chủ.
C. Nén tệp HTML lại.
D. In tệp HTML ra giấy.
Câu 11: Cho đoạn mã HTML sau: `
A. Nhập hai dòng văn bản khác nhau.
B. Chọn cả Tùy chọn A và Tùy chọn B cùng lúc.
C. Nhấn một trong hai nút để gửi biểu mẫu.
D. Chọn Tùy chọn A hoặc Tùy chọn B, nhưng không thể chọn cả hai.
Câu 12: Thuộc tính `value` trong thẻ `
A. Xác định nơi dữ liệu biểu mẫu sẽ được gửi đến.
B. Hiển thị văn bản trên bề mặt của nút.
C. Đặt tên cho nút để xử lý dữ liệu.
D. Xác định kiểu dữ liệu mà nút sẽ gửi đi.
Câu 13: Bạn muốn tạo một ô nhập liệu đặc biệt để người dùng nhập mật khẩu, trong đó các ký tự gõ vào sẽ được ẩn đi (thường hiển thị dưới dạng dấu chấm hoặc sao). Thuộc tính `type` nào của thẻ `` là phù hợp nhất?
A. password
B. text
C. hidden
D. secret
Câu 14: Xét đoạn mã HTML cho một phần của biểu mẫu: ```html
A. Thẻ `` không được đặt trước thẻ ``.
B. Thuộc tính `type=
C. Giá trị của thuộc tính `for` trong `` không khớp với giá trị của thuộc tính `id` trong ``.
D. Thiếu thuộc tính `name` trong thẻ ``.
Câu 15: Bạn đang thiết kế một biểu mẫu phản hồi. Bạn cần một khu vực lớn hơn để người dùng có thể nhập nhiều dòng văn bản, ví dụ như nội dung lời nhắn hoặc góp ý chi tiết. Thẻ HTML nào là phù hợp nhất cho mục đích này?
A. `
B. `
C. `
D. `
Câu 16: Tại sao việc kiểm tra biểu mẫu đã tạo trên nhiều trình duyệt web khác nhau (như Chrome, Firefox, Edge) lại là một bước thực hành tốt?
A. Để tăng tốc độ tải trang của biểu mẫu.
B. Để mã HTML được tự động sửa lỗi chính tả.
C. Để dữ liệu nhập vào được mã hóa an toàn hơn.
D. Để đảm bảo biểu mẫu hiển thị và hoạt động đúng trên các môi trường khác nhau.
Câu 17: Khi tạo một nhóm hộp kiểm (checkbox), mỗi hộp kiểm trong nhóm đó nên có thuộc tính `name` như thế nào để dữ liệu được gửi đi một cách có tổ chức?
A. Mỗi hộp kiểm nên có thuộc tính `name` riêng biệt hoặc cùng `name` nhưng với cách xử lý mảng ở phía máy chủ, và thuộc tính `value` khác nhau.
B. Tất cả các hộp kiểm trong nhóm phải có cùng thuộc tính `name` và cùng thuộc tính `value`.
C. Chỉ hộp kiểm đầu tiên cần thuộc tính `name`, các hộp kiểm còn lại thì không.
D. Hộp kiểm không cần thuộc tính `name`.
Câu 18: Bạn cần một ô nhập liệu 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ẻ `` sẽ hiển thị một bộ chọn ngày tiện lợi trên hầu hết các trình duyệt hiện đại?
A. text
B. number
C. calendar
D. date
Câu 19: Mục đích chính của việc sử dụng thuộc tính `id` trên các thẻ `` và thuộc tính `for` trên các thẻ `` là gì?
A. Để định dạng màu sắc cho nhãn và ô nhập liệu.
B. Để liên kết nhãn văn bản với điều khiển biểu mẫu tương ứng.
C. Để xác định thứ tự các ô nhập liệu trong biểu mẫu.
D. Để thêm hiệu ứng động khi di chuột qua nhãn.
Câu 20: Bạn đã tạo một biểu mẫu đơn giản. Khi người dùng nhấp vào nút "Gửi", dữ liệu trong biểu mẫu sẽ mặc định được gửi đi bằng phương thức HTTP nào nếu bạn không chỉ định thuộc tính `method` trong thẻ `
`?
A. GET
B. POST
C. PUT
D. DELETE
Câu 21: Trong thực hành tạo biểu mẫu, tại sao lại cần phân biệt rõ ràng giữa `
A. Vì chúng có hình dạng khác nhau trên trình duyệt.
B. Vì một loại dùng cho văn bản, một loại dùng cho số.
C. Vì chúng kiểm soát số lượng tùy chọn người dùng có thể chọn (một hoặc nhiều).
D. Vì một loại gửi dữ liệu, một loại không gửi dữ liệu.
Câu 22: Bạn muốn thêm một nút vào biểu mẫu nhưng nút này CHỈ thực hiện một hành động JavaScript nào đó trên trang mà KHÔNG gửi dữ liệu biểu mẫu đi. Bạn nên sử dụng thuộc tính `type` nào cho thẻ ``?
A. button
B. submit
C. reset
D. action
Câu 23: Xét yêu cầu tạo một phần trong biểu mẫu để người dùng nhập số lượng sản phẩm cần mua. Số lượng này phải là một số nguyên dương. Thuộc tính `type` nào của thẻ `` sẽ giúp trình duyệt cung cấp giao diện nhập số và có thể thực hiện kiểm tra dữ liệu cơ bản?
A. text
B. number
C. range
D. integer
Câu 24: Điều gì KHÔNG phải là lợi ích của việc sử dụng thẻ `` để liên kết với các điều khiển biểu mẫu?
A. Người dùng có thể nhấp vào văn bản nhãn để tập trung vào ô nhập liệu tương ứng.
B. Hỗ trợ người dùng sử dụng trình đọc màn hình (screen reader) hiểu rõ hơn về biểu mẫu.
C. Giúp mã HTML có cấu trúc ngữ nghĩa rõ ràng hơn.
D. Tự động áp dụng các kiểu định dạng màu sắc cho ô nhập liệu.
Câu 25: Trong quá trình thực hành, bạn chỉnh sửa mã HTML của biểu mẫu. Sau khi lưu tệp, làm thế nào để xem các thay đổi đó hiển thị trên trình duyệt?
A. Đóng trình duyệt và mở lại.
B. Mở tệp HTML bằng một trình duyệt khác.
C. Làm mới (refresh) trang trong trình duyệt hiện tại.
D. Chỉnh sửa trực tiếp trên cửa sổ trình duyệt.
Câu 26: Bạn muốn tạo một biểu mẫu đăng ký đơn giản thu thập các thông tin sau: Họ và tên, Email, Mật khẩu, Giới tính (chọn 1), và Đồng ý với điều khoản (chọn hoặc không chọn). Bạn sẽ cần sử dụng những loại điều khiển `` nào cho các mục này?
A. `text`, `email` (hoặc `text`), `password`, `radio`, `checkbox`
B. `text`, `number`, `text`, `checkbox`, `radio`
C. `password`, `text`, `radio`, `checkbox`, `submit`
D. `text`, `text`, `text`, `radio`, `radio`
Câu 27: Thẻ `
A. Gửi dữ liệu biểu mẫu đến máy chủ.
B. Xóa biểu mẫu khỏi trang web.
C. Kiểm tra tính hợp lệ của dữ liệu nhập vào.
D. Đặt lại tất cả các trường trong biểu mẫu về giá trị ban đầu.
Câu 28: Khi tạo một nhóm các nút chọn (radio button) cho mục "Giới tính" (Nam/Nữ), tại sao thuộc tính `name` của cả hai nút "Nam" và "Nữ" phải giống nhau?
A. Để chúng hiển thị cùng màu sắc.
B. Để trình duyệt hiểu rằng chúng thuộc cùng một nhóm và chỉ cho phép chọn một tùy chọn duy nhất.
C. Để dữ liệu được gửi đi nhanh hơn.
D. Để liên kết với thẻ `` dễ dàng hơn.
Câu 29: Bạn đang tạo một biểu mẫu khảo sát và cần một ô nhập liệu cho phép người dùng tải lên một tệp tin (ví dụ: ảnh đại diện). Thuộc tính `type` nào của thẻ `` được sử dụng cho chức năng này?
A. document
B. upload
C. file
D. attachment
Câu 30: Trong thực hành tạo biểu mẫu, việc đặt tên (sử dụng thuộc tính `name`) cho các điều khiển nhập liệu (``, `
A. Để xác định tên của dữ liệu khi biểu mẫu được gửi đi (ví dụ: "ten=Nguyen Van A").
B. Để định dạng kiểu chữ cho văn bản nhập vào.
C. Để làm cho biểu mẫu hiển thị đẹp hơn.
D. Để liên kết với thẻ `` (mục đích chính của `for`/`id`).
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 1: Khi bắt đầu thực hành tạo một biểu mẫu web đơn giản theo Bài 7, bạn cần tạo một tệp tin để chứa mã HTML. Tệp tin này nên được lưu với đuôi mở rộng (extension) nào để trình duyệt web có thể nhận diện và hiển thị đúng nội dung?
.txt
.css
.html
.js
Câu hỏi kiểm tra kiến thức cơ bản về định dạng tệp cho trang web. Tệp HTML (HyperText Markup Language) là tiêu chuẩn để tạo cấu trúc trang web và có đuôi mở rộng phổ biến là .html hoặc .htm.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 2: Trong cấu trúc cơ bản của một tài liệu HTML chứa biểu mẫu, phần tử nào là nơi chứa toàn bộ nội dung hiển thị trên trình duyệt, bao gồm cả biểu mẫu bạn sẽ tạo?
<head>
<title>
<html>
<body>
Câu hỏi kiểm tra cấu trúc cơ bản của tài liệu HTML. Phần tử `
` chứa tất cả nội dung mà người dùng nhìn thấy trên trang web.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 3: Để định nghĩa một khu vực trong trang web nhằm thu thập thông tin từ người dùng (ví dụ: tên, địa chỉ, lựa chọn), bạn cần sử dụng thẻ HTML nào để bao bọc các điều khiển nhập liệu (input controls)?
<form>
<table>
<input>
<section>
Câu hỏi kiểm tra kiến thức về thẻ dùng để tạo biểu mẫu. Thẻ `
` được sử dụng để bao bọc các phần tử biểu mẫu và định nghĩa khu vực thu thập dữ liệu người dùng.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 4: Bạn muốn thêm một ô cho phép người dùng nhập vào một dòng văn bản ngắn, ví dụ như tên hoặc địa chỉ email. Bạn sẽ sử dụng thẻ `` với thuộc tính `type` có giá trị là gì?
submit
text
checkbox
radio
Câu hỏi kiểm tra việc áp dụng thẻ `` với thuộc tính `type` phù hợp cho mục đích nhập văn bản một dòng. Giá trị `text` được dùng cho mục đích này.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 5: Giả sử bạn đang tạo một biểu mẫu đăng ký và cần một mục để người dùng chọn giới tính (Nam hoặc Nữ). Bạn muốn chỉ cho phép người dùng chọn *một* trong hai lựa chọn này. Loại điều khiển nhập liệu nào là phù hợp nhất?
Ô văn bản (Text box)
Hộp kiểm (Checkbox)
Nút gửi (Submit button)
Nút chọn (Radio button)
Câu hỏi yêu cầu phân tích tình huống và chọn loại điều khiển phù hợp. Nút chọn (radio button) được sử dụng khi người dùng chỉ được phép chọn một tùy chọn từ một nhóm.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 6: Bạn cần thêm một nút vào cuối biểu mẫu để người dùng nhấp vào đó khi đã điền xong thông tin và muốn gửi dữ liệu đi. Thẻ `` hoặc `` với thuộc tính `type` nào sẽ thực hiện chức năng này?
`<input type="text">`
`<button type="button">`
`<input type="submit">`
`<input type="reset">`
Câu hỏi kiểm tra kiến thức về nút gửi biểu mẫu. Thẻ `` hoặc `` tạo ra một nút có chức năng gửi dữ liệu biểu mẫu.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 7: Để cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng, bạn nên liên kết một đoạn văn bản mô tả (ví dụ: 'Họ và tên:') với ô nhập liệu tương ứng. Thẻ HTML nào được sử dụng cho mục đích này?
<label>
<span>
<p>
<div>
Câu hỏi kiểm tra việc sử dụng thẻ `` để liên kết văn bản mô tả với điều khiển biểu mẫu. Điều này giúp người dùng, đặc biệt là người dùng sử dụng trình đọc màn hình, hiểu rõ mục đích của từng ô nhập liệu.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 8: Khi sử dụng các nút chọn (radio button), làm thế nào để đảm bảo rằng người dùng chỉ có thể chọn DUY NHẤT một tùy chọn trong một nhóm các nút chọn?
Đặt cùng giá trị cho thuộc tính `id` của tất cả các nút.
Đặt cùng giá trị cho thuộc tính `name` của tất cả các nút.
Đặt cùng giá trị cho thuộc tính `value` của tất cả các nút.
Sử dụng thẻ `<div>` để bao bọc chúng.
Câu hỏi kiểm tra cách nhóm các nút chọn. Các nút chọn trong cùng một nhóm phải có cùng giá trị cho thuộc tính `name`.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 9: Bạn muốn người dùng có thể chọn *nhiều* sở thích khác nhau từ một danh sách (ví dụ: Đọc sách, Nghe nhạc, Chơi thể thao). Loại điều khiển nhập liệu nào là phù hợp nhất để cho phép nhiều lựa chọn đồng thời?
Nút chọn (Radio button)
Ô văn bản (Text box)
Hộp kiểm (Checkbox)
Nút gửi (Submit button)
Câu hỏi yêu cầu phân tích tình huống và chọn loại điều khiển phù hợp cho phép đa lựa chọn. Hộp kiểm (checkbox) được sử dụng khi người dùng có thể chọn không, một hoặc nhiều tùy chọn từ một danh sách.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 10: Sau khi viết mã HTML cho biểu mẫu, bước quan trọng tiếp theo để xem biểu mẫu hoạt động như thế nào là gì?
Mở tệp HTML bằng trình duyệt web.
Gửi tệp HTML lên máy chủ.
Nén tệp HTML lại.
In tệp HTML ra giấy.
Câu hỏi kiểm tra quy trình thực hành cơ bản. Sau khi viết và lưu tệp HTML, bước cần thiết là mở tệp đó bằng trình duyệt web để xem kết quả hiển thị.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 11: Cho đoạn mã HTML sau: ` Tùy chọn A Tùy chọn B`. Đoạn mã này sẽ hiển thị hai điều khiển nhập liệu cho phép người dùng làm gì?
Nhập hai dòng văn bản khác nhau.
Chọn cả Tùy chọn A và Tùy chọn B cùng lúc.
Nhấn một trong hai nút để gửi biểu mẫu.
Chọn Tùy chọn A hoặc Tùy chọn B, nhưng không thể chọn cả hai.
Câu hỏi yêu cầu phân tích đoạn mã HTML cụ thể. Đây là hai thẻ `` có cùng thuộc tính `name="lua_chon"`, tạo thành một nhóm nút chọn chỉ cho phép người dùng chọn một trong hai.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 12: Thuộc tính `value` trong thẻ `` có mục đích gì?
Xác định nơi dữ liệu biểu mẫu sẽ được gửi đến.
Hiển thị văn bản trên bề mặt của nút.
Đặt tên cho nút để xử lý dữ liệu.
Xác định kiểu dữ liệu mà nút sẽ gửi đi.
Câu hỏi kiểm tra mục đích của thuộc tính `value` trên nút submit. Giá trị của thuộc tính `value` sẽ hiển thị dưới dạng văn bản trên bề mặt của nút.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 13: Bạn muốn tạo một ô nhập liệu đặc biệt để người dùng nhập mật khẩu, trong đó các ký tự gõ vào sẽ được ẩn đi (thường hiển thị dưới dạng dấu chấm hoặc sao). Thuộc tính `type` nào của thẻ `` là phù hợp nhất?
password
text
hidden
secret
Câu hỏi yêu cầu chọn loại input phù hợp cho mục đích nhập mật khẩu. Thuộc tính `type="password"` sẽ làm ẩn ký tự nhập vào.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 14: Xét đoạn mã HTML cho một phần của biểu mẫu: ```html Địa chỉ Email: ``` Đoạn mã này có vấn đề gì trong việc liên kết thẻ `` với thẻ ``?
Thẻ `<label>` không được đặt trước thẻ `<input>`.
Thuộc tính `type="text"` không phù hợp với email.
Giá trị của thuộc tính `for` trong `<label>` không khớp với giá trị của thuộc tính `id` trong `<input>`.
Thiếu thuộc tính `name` trong thẻ `<input>`.
Câu hỏi yêu cầu phân tích đoạn mã và xác định lỗi liên kết giữa `` và ``. Để liên kết đúng, giá trị của thuộc tính `for` trong thẻ `` phải trùng khớp với giá trị của thuộc tính `id` trong thẻ `` tương ứng. Ở đây, `for="email"` không khớp với `id="e-mail"`.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 15: Bạn đang thiết kế một biểu mẫu phản hồi. Bạn cần một khu vực lớn hơn để người dùng có thể nhập nhiều dòng văn bản, ví dụ như nội dung lời nhắn hoặc góp ý chi tiết. Thẻ HTML nào là phù hợp nhất cho mục đích này?
`<input type="text">`
`<textarea>`
`<input type="textarea">`
`<input type="richtext">`
Câu hỏi yêu cầu chọn thẻ phù hợp cho khu vực nhập văn bản nhiều dòng. Thẻ `
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 16: Tại sao việc kiểm tra biểu mẫu đã tạo trên nhiều trình duyệt web khác nhau (như Chrome, Firefox, Edge) lại là một bước thực hành tốt?
Để tăng tốc độ tải trang của biểu mẫu.
Để mã HTML được tự động sửa lỗi chính tả.
Để dữ liệu nhập vào được mã hóa an toàn hơn.
Để đảm bảo biểu mẫu hiển thị và hoạt động đúng trên các môi trường khác nhau.
Câu hỏi kiểm tra hiểu biết về tính tương thích của web. Các trình duyệt khác nhau có thể hiển thị hoặc xử lý mã HTML/CSS hơi khác nhau, nên việc kiểm tra trên nhiều trình duyệt giúp đảm bảo biểu mẫu hiển thị và hoạt động nhất quán.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 17: Khi tạo một nhóm hộp kiểm (checkbox), mỗi hộp kiểm trong nhóm đó nên có thuộc tính `name` như thế nào để dữ liệu được gửi đi một cách có tổ chức?
Mỗi hộp kiểm nên có thuộc tính `name` riêng biệt hoặc cùng `name` nhưng với cách xử lý mảng ở phía máy chủ, và thuộc tính `value` khác nhau.
Tất cả các hộp kiểm trong nhóm phải có cùng thuộc tính `name` và cùng thuộc tính `value`.
Chỉ hộp kiểm đầu tiên cần thuộc tính `name`, các hộp kiểm còn lại thì không.
Hộp kiểm không cần thuộc tính `name`.
Câu hỏi kiểm tra cách đặt tên cho hộp kiểm khi có nhiều lựa chọn. Mỗi hộp kiểm trong một nhóm có thể có cùng thuộc tính `name` (thường kết thúc bằng `[]` ở phía máy chủ để nhận một mảng giá trị) hoặc các tên khác nhau tùy cách xử lý dữ liệu. Tuy nhiên, để phân biệt các lựa chọn, mỗi hộp kiểm cần có một `value` khác nhau.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 18: Bạn cần một ô nhập liệu 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ẻ `` sẽ hiển thị một bộ chọn ngày tiện lợi trên hầu hết các trình duyệt hiện đại?
text
number
calendar
date
Câu hỏi kiểm tra kiến thức về các loại input nâng cao. Thuộc tính `type="date"` cung cấp một giao diện chọn ngày tích hợp sẵn trong trình duyệt.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 19: Mục đích chính của việc sử dụng thuộc tính `id` trên các thẻ `` và thuộc tính `for` trên các thẻ `` là gì?
Để định dạng màu sắc cho nhãn và ô nhập liệu.
Để liên kết nhãn văn bản với điều khiển biểu mẫu tương ứng.
Để xác định thứ tự các ô nhập liệu trong biểu mẫu.
Để thêm hiệu ứng động khi di chuột qua nhãn.
Câu hỏi kiểm tra sự hiểu biết về cách liên kết label và input. Việc sử dụng `id` và `for` giúp liên kết nhãn với điều khiển tương ứng, cho phép người dùng nhấp vào nhãn để tập trung vào ô nhập liệu, cải thiện khả năng sử dụng và truy cập (đặc biệt cho người dùng khiếm thị sử dụng trình đọc màn hình).
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 20: Bạn đã tạo một biểu mẫu đơn giản. Khi người dùng nhấp vào nút 'Gửi', dữ liệu trong biểu mẫu sẽ mặc định được gửi đi bằng phương thức HTTP nào nếu bạn không chỉ định thuộc tính `method` trong thẻ `
`?
GET
POST
PUT
DELETE
Câu hỏi kiểm tra hành vi mặc định của thẻ `
`. Nếu thuộc tính `method` không được chỉ định, phương thức mặc định là `GET`.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 21: Trong thực hành tạo biểu mẫu, tại sao lại cần phân biệt rõ ràng giữa `` và ``?
Vì chúng có hình dạng khác nhau trên trình duyệt.
Vì một loại dùng cho văn bản, một loại dùng cho số.
Vì chúng kiểm soát số lượng tùy chọn người dùng có thể chọn (một hoặc nhiều).
Vì một loại gửi dữ liệu, một loại không gửi dữ liệu.
Câu hỏi yêu cầu phân tích sự khác biệt về chức năng giữa hai loại input. Radio buttons dùng cho lựa chọn độc quyền (chỉ một), còn checkboxes dùng cho lựa chọn không độc quyền (nhiều lựa chọn).
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 22: Bạn muốn thêm một nút vào biểu mẫu nhưng nút này CHỈ thực hiện một hành động JavaScript nào đó trên trang mà KHÔNG gửi dữ liệu biểu mẫu đi. Bạn nên sử dụng thuộc tính `type` nào cho thẻ ``?
button
submit
reset
action
Câu hỏi kiểm tra các loại nút khác nhau. `type="button"` tạo ra một nút thông thường không có hành vi mặc định liên quan đến biểu mẫu (khác với `submit` và `reset`), thường dùng để kích hoạt script.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 23: Xét yêu cầu tạo một phần trong biểu mẫu để người dùng nhập số lượng sản phẩm cần mua. Số lượng này phải là một số nguyên dương. Thuộc tính `type` nào của thẻ `` sẽ giúp trình duyệt cung cấp giao diện nhập số và có thể thực hiện kiểm tra dữ liệu cơ bản?
text
number
range
integer
Câu hỏi yêu cầu chọn loại input phù hợp cho nhập số. Thuộc tính `type="number"` được thiết kế cho việc nhập dữ liệu số và thường hiển thị mũi tên lên/xuống để tăng/giảm giá trị.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 24: Điều gì KHÔNG phải là lợi ích của việc sử dụng thẻ `` để liên kết với các điều khiển biểu mẫu?
Người dùng có thể nhấp vào văn bản nhãn để tập trung vào ô nhập liệu tương ứng.
Hỗ trợ người dùng sử dụng trình đọc màn hình (screen reader) hiểu rõ hơn về biểu mẫu.
Giúp mã HTML có cấu trúc ngữ nghĩa rõ ràng hơn.
Tự động áp dụng các kiểu định dạng màu sắc cho ô nhập liệu.
Câu hỏi kiểm tra hiểu biết về lợi ích của thẻ ``. Các lợi ích chính là cải thiện khả năng truy cập và usability (nhấp vào nhãn để focus vào input). Nó không ảnh hưởng trực tiếp đến việc định dạng màu sắc.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 25: Trong quá trình thực hành, bạn chỉnh sửa mã HTML của biểu mẫu. Sau khi lưu tệp, làm thế nào để xem các thay đổi đó hiển thị trên trình duyệt?
Đóng trình duyệt và mở lại.
Mở tệp HTML bằng một trình duyệt khác.
Làm mới (refresh) trang trong trình duyệt hiện tại.
Chỉnh sửa trực tiếp trên cửa sổ trình duyệt.
Câu hỏi kiểm tra quy trình cập nhật hiển thị trên trình duyệt. Sau khi lưu tệp, bạn cần làm mới (refresh) trang trong trình duyệt để tải lại phiên bản mới của tệp HTML.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 26: Bạn muốn tạo một biểu mẫu đăng ký đơn giản thu thập các thông tin sau: Họ và tên, Email, Mật khẩu, Giới tính (chọn 1), và Đồng ý với điều khoản (chọn hoặc không chọn). Bạn sẽ cần sử dụng những loại điều khiển `` nào cho các mục này?
Câu hỏi yêu cầu phân tích yêu cầu và áp dụng các loại input phù hợp. Họ tên và Email cần `text` (hoặc `email` cho email), Mật khẩu cần `password`, Giới tính (chọn 1) cần `radio`, và Đồng ý điều khoản (chọn/không chọn) cần `checkbox`.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 27: Thẻ `` trong biểu mẫu có chức năng gì?
Gửi dữ liệu biểu mẫu đến máy chủ.
Xóa biểu mẫu khỏi trang web.
Kiểm tra tính hợp lệ của dữ liệu nhập vào.
Đặt lại tất cả các trường trong biểu mẫu về giá trị ban đầu.
Câu hỏi kiểm tra chức năng của nút reset. Nút này được dùng để đặt lại tất cả các điều khiển trong biểu mẫu về giá trị mặc định ban đầu.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 28: Khi tạo một nhóm các nút chọn (radio button) cho mục 'Giới tính' (Nam/Nữ), tại sao thuộc tính `name` của cả hai nút 'Nam' và 'Nữ' phải giống nhau?
Để chúng hiển thị cùng màu sắc.
Để trình duyệt hiểu rằng chúng thuộc cùng một nhóm và chỉ cho phép chọn một tùy chọn duy nhất.
Để dữ liệu được gửi đi nhanh hơn.
Để liên kết với thẻ `<label>` dễ dàng hơn.
Câu hỏi yêu cầu phân tích lý do kỹ thuật của việc nhóm radio button. Trình duyệt sử dụng thuộc tính `name` để nhận biết các radio button thuộc cùng một nhóm, từ đó chỉ cho phép chọn một trong nhóm đó.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 29: Bạn đang tạo một biểu mẫu khảo sát và cần một ô nhập liệu cho phép người dùng tải lên một tệp tin (ví dụ: ảnh đại diện). Thuộc tính `type` nào của thẻ `` được sử dụng cho chức năng này?
document
upload
file
attachment
Câu hỏi kiểm tra kiến thức về loại input cho phép tải tệp. Thuộc tính `type="file"` tạo ra một điều khiển cho phép người dùng chọn tệp từ máy tính của họ.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 7: Thực hành tạo biểu mẫu
Tags:Bộ đề 10
Câu 30: Trong thực hành tạo biểu mẫu, việc đặt tên (sử dụng thuộc tính `name`) cho các điều khiển nhập liệu (``, `
Để xác định tên của dữ liệu khi biểu mẫu được gửi đi (ví dụ: 'ten=Nguyen Van A').
Để định dạng kiểu chữ cho văn bản nhập vào.
Để làm cho biểu mẫu hiển thị đẹp hơn.
Để liên kết với thẻ `<label>` (mục đích chính của `for`/`id`).
Câu hỏi kiểm tra mục đích của thuộc tính `name`. Thuộc tính `name` xác định tên của dữ liệu sẽ được gửi đi khi biểu mẫu được submit, cho phép máy chủ hoặc script xử lý nhận biết dữ liệu từ trường nào.