Đề 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)
Đề 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) tổng hợp câu hỏi trắc nghiệm chứa đựng nhiều dạng bài tập, bài thi, cũng như các câu hỏi trắc nghiệm và bài kiểm tra, trong bộ Trắc Nghiệm Môn Tin Học 12 – Cánh Diều. Nội dung trắc nghiệm nhấn mạnh phần kiến thức nền tảng và chuyên môn sâu của học phần này. Mọi bộ đề trắc nghiệm đều cung cấp câu hỏi, đáp án cùng hướng dẫn giải cặn kẽ. Mời bạn thử sức làm bài nhằm ôn luyện và làm vững chắc kiến thức cũng như đánh giá năng lực bản thân!
Đề 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
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.
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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
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ẻ `` 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">
`
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ước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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
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:
. 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.
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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
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ẻ `
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)?
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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
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ộ đề 06
Câu 1: Mục đích chính của việc sử dụng thẻ `
` trong HTML là gì?
Thẻ `
` đóng vai trò là vùng chứa cho các phần tử tương tác (như ô nhập liệu, nút) để thu thập dữ liệu từ người dùng và gửi đến máy chủ.
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ộ đề 06
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?
Thuộc tính `action` của thẻ `
` xác định nơi (URL) mà dữ liệu biểu mẫu sẽ được gửi đi để xử lý.
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ộ đề 06
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ẻ ``?
Loại `text` của thẻ `` được sử dụng để tạo ô nhập liệu một dòng cho văn bản.
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ộ đề 06
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ì?
Các nút radio chỉ hoạt động như một nhóm (chọn một trong nhiều) khi chúng có cùng giá trị thuộc tính `name`.
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ộ đề 06
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ẻ ``?
Loại `checkbox` của thẻ `` cho phép người dùng chọn nhiều tùy chọn độc lập trong 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ộ đề 06
Câu 6: Thẻ `` được sử dụng để làm gì trong biểu mẫu HTML?
Thẻ `` cung cấp nhãn mô tả cho các điều khiển biểu mẫu, giúp người dùng hiểu mục đích của ô nhập liệu và cải thiện khả năng truy cập (accessibility).
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ộ đề 06
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ẻ ``?
Để liên kết `` với ``, giá trị của thuộc tính `for` trong `` phải giống với giá trị 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ộ đề 06
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ẻ `
`?
Loại `submit` của thẻ `` tạo ra một nút gửi biểu mẫu. Khi nhấn vào, dữ liệu trong biểu mẫu sẽ được thu thập và 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ộ đề 06
Câu 9: Quan sát đoạn mã HTML sau:
```html
Nam
Nữ
```
Đoạn mã này sẽ tạo ra hai nút chọn (radio button). Điều gì đảm bảo rằng người dùng chỉ có thể chọn 'Nam' hoặc 'Nữ', chứ không thể chọn cả hai?
Hai nút radio có cùng giá trị thuộc tính `name="gender"` nên chúng thuộc cùng một nhóm và chỉ cho phép chọn một tùy chọn.
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ộ đề 06
Câu 10: Thuộc tính `value` trong thẻ `` có tác dụng gì?
Thuộc tính `value` trong ô nhập liệu văn bản (`type="text"`) dùng để đặt giá trị MẶC ĐỊNH ban đầu hiển thị trong ô đó khi trang web được tải.
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ộ đề 06
Câu 11: Khi sử dụng ``, thuộc tính `value` có vai trò gì?
Đối với hộp kiểm (checkbox), thuộc tính `value` chứa giá trị sẽ được gửi đến máy chủ nếu hộp kiểm đó được CHỌN. Nếu hộp kiểm không được chọn, giá trị này sẽ không được gửi đi.
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ộ đề 06
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 (``, `
Thuộc tính `name` gán một tên cho dữ liệu nhập vào. Khi biểu mẫu được gửi đi, dữ liệu sẽ được truyền dưới dạng cặp tên-giá trị (name=value), giúp máy chủ xác định dữ liệu nào tương ứng với điều khiển nào.
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ộ đề 06
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ì?
Sau khi viết mã HTML, bước cần thiết là lưu tệp lại và mở nó bằng trình duyệt web để xem biểu mẫu hiển thị như thế nào và kiểm tra xem có lỗi cú pháp hay không.
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ộ đề 06
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 ý "Nhập địa chỉ email của bạn" khi ô đó trống. Bạn sẽ sử dụng thuộc tính nào của thẻ ``?
Thuộc tính `placeholder` được sử dụng để hiển thị văn bản gợi ý (placeholder text) trong ô nhập liệu khi nó chưa có giá trị.
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ộ đề 06
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?
Việc liên kết `` và `` (dùng `for` và `id`) giúp người dùng, đặc biệt là người dùng sử dụng công cụ đọc màn hình hoặc gặp khó khăn khi nhấp chuột chính xác, có thể nhấp vào văn bản nhãn để kích hoạt ô nhập liệu tương ứng. Điều này cải thiện khả năng truy cập (accessibility).
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ộ đề 06
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ì?
Lưu với tên mới giúp giữ lại phiên bản gốc của Nhiệm vụ 1, cho phép so sánh hoặc quay lại nếu cần. Đây là một phương pháp làm việc tốt để quản lý các phiên bản khác nhau của cùng một dự á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ộ đề 06
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 "Email:", con trỏ sẽ tự động di chuyển đến ô nhập liệu email. Bạn cần sử dụng thuộc tính nào để liên kết nhãn và ô nhập liệu này một cách chính xác?
Để liên kết `` với `` và cho phép nhấp vào nhãn để chọn input, thuộc tính `for` của `` phải khớp với thuộc tính `id` của ``.
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ộ đề 06
Câu 18: Xem xét đoạn mã sau:
```html
```
Nếu người dùng nhập "An Nguyen" vào ô username và nhấn nút "Gửi", dữ liệu sẽ được gửi đi như thế nào?
Với `method="get"`, dữ liệu biểu mẫu được thêm vào URL dưới dạng các tham số. Cặp tên-giá trị (name=value) được nối vào URL sau dấu '?' và cách nhau bởi '&'.
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ộ đề 06
Câu 19: Sự khác biệt cơ bản giữa `` và `` về chức năng đối với người dùng là gì?
Nút radio (cùng tên) cho phép chọn DUY NHẤT một tùy chọn trong một nhóm, trong khi hộp kiểm cho phép chọn NHIỀU tùy chọn độc lập trong một nhóm (hoặc không chọn tùy chọn nào).
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ộ đề 06
Câu 20: Trong cú pháp HTML, phần tử nào thường chứa các thẻ như `
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
Khi gửi dữ liệu nhạy cảm như mật khẩu, phương thức `POST` được ưu tiên vì dữ liệu được gửi trong phần thân của yêu cầu HTTP, không hiển thị trực tiếp trên URL như phương thức `GET`, giúp tăng cường bảo mật cơ bả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 - Đề 07
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ộ đề 07
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?
<body>
<form>
<div>
<input>
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ộ đề 07
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?
type="button"
type="checkbox"
type="text"
type="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ộ đề 07
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?
Ô nhập văn bản (Text box)
Hộp kiểm (Checkbox)
Ô chọn ngày (Date picker)
Nút chọn (Radio button)
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ộ đề 07
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?
Nút chọn (Radio button)
Hộp kiểm (Checkbox)
Danh sách thả xuống (Dropdown list)
Ô nhập số (Number input)
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ộ đề 07
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?
name
value
id
type
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ộ đề 07
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ụ: ``) sẽ được gửi đến máy chủ?
Thuộc tính `id`
Nội dung hiển thị bên cạnh ô nhập liệu (nếu có)
Thuộc tính `name`
Thuộc tính `value`
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ộ đề 07
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ư ``, `
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.
Chỉ để định dạng văn bản nhãn cho đẹp hơn.
Giúp tự động gửi dữ liệu khi nhấp vào nhãn.
Là yêu cầu bắt buộc về mặt cú pháp HTML cho mọi ô 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ộ đề 07
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?
name
value
id
type
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ộ đề 07
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?
type="submit"
type="button"
type="reset"
type="text"
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ộ đề 07
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ẻ `` giúp thực hiện điều này?
value
name
id
placeholder
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ộ đề 07
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?
selected
checked
active
default
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ộ đề 07
Câu 12: Quan sát đoạn mã HTML sau: ` Đỏ Xanh dương`. Khi biểu mẫu này hiển thị trên trình duyệt, lựa chọn nào sẽ được chọn sẵn?
Đỏ
Xanh dương
Không có lựa chọn nào được chọn sẵn
Cả Đỏ và Xanh dương đều đượ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ộ đề 07
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ủ?
Mỗi hộp kiểm nên có một giá trị thuộc tính `name` khác nhau.
Tất cả các hộp kiểm trong nhóm phải có cùng giá trị thuộc tính `name`.
Thuộc tính `name` không quan trọng đối với hộp kiểm.
Chỉ hộp kiểm đầu tiên cần thuộc tính `name`.
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ộ đề 07
Câu 14: Xem xét đoạn mã HTML cho một ô nhập liệu: `Email:`. Mối liên kết giữa thẻ `` và thẻ `` này mang lại lợi ích gì khi người dùng tương tác trên trình duyệt?
Khi người dùng nhập liệu vào ô text, văn bản 'Email:' sẽ tự động thay đổi.
Khi biểu mẫu được gửi, chỉ dữ liệu từ ô input này được gửi đi.
Văn bản 'Email:' sẽ được in đậm hơn trên trang web.
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.
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ộ đề 07
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?
Chạy tệp HTML bằng trình biên dịch code.
Upload tệp HTML lên một máy chủ web.
Mở tệp HTML bằng trình duyệt web.
In nội dung tệp HTML ra giấy.
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ộ đề 07
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ư ``, `
Xác định kiểu dữ liệu (văn bản, số, ngày...).
Đặt tên cho trường dữ liệu để nhận dạng khi biểu mẫu được gửi đi.
Liên kết với thẻ `<label>` tương ứng.
Xác định giá trị mặc định của trường.
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ộ đề 07
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ẻ ``, làm thế nào để thay đổi văn bản mặc định của nút này?
Sử dụng thuộc tính `value` cho thẻ `<input type="submit">`.
Đặt nội dung văn bản giữa thẻ `<input>` và `</input>`.
Sử dụng thuộc tính `placeholder`.
Thuộc tính `name` sẽ thay đổi văn bả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ộ đề 07
Câu 18: Xem xét đoạn mã HTML: ` Đăng ký nhận tin`. Nếu người dùng đánh dấu vào hộp kiểm này và gửi biểu mẫu, cặp 'tên=giá trị' nào có khả năng được gửi đi (giả sử hộp kiểm này là duy nhất có tên 'subscribe' và được chọn)?
subscribe=Đăng ký nhận tin
checkbox=yes
subscribe=yes
checkbox=Đăng ký nhận tin
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ộ đề 07
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?
Sử dụng thuộc tính `checked` cho cả 3 radio button.
Đặt cùng một giá trị cho thuộc tính `name` trên cả 3 radio button.
Đặt cùng một giá trị cho thuộc tính `id` trên cả 3 radio button.
Sử dụng thẻ `<select>` thay vì radio button.
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ộ đề 07
Câu 20: Xem xét đoạn mã: ``. Khi biểu mẫu chứa mã này được tải lên, ô nhập liệu sẽ ban đầu trông như thế nào?
Hiển thị văn bản mặc định 'text'.
Hiển thị tên 'city' bên trong ô nhập liệu.
Hiển thị giá trị 'city' bên trong ô nhập liệu.
Một ô trống rỗng.
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ộ đề 07
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?
Chỉ cần ô nhập văn bản và nút gửi.
Chỉ cần radio button và nút gửi.
Ô nhập văn bản và hộp kiểm, cùng với nút gửi.
Nút chọn và ô nhập số, cùng với nút gử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ộ đề 07
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ì?
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ắt buộc để trình duyệt có thể hiển thị biểu mẫu.
Giúp biểu mẫu tự động gửi dữ liệu sau khi hoàn thành.
Để giảm dung lượng của tệp HTML.
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ộ đề 07
Câu 23: Bạn tạo một nhóm 3 radio button với cùng `name="rating"` và `value` lần lượt là "1", "2", "3". Nếu người dùng chọn radio button có `value="2"`, dữ liệu nào sẽ được gửi đi cho trường 'rating' khi biểu mẫu được gửi?
rating=rating
rating=3
rating=1
rating=2
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ộ đề 07
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ủ?
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.
Ngay khi người dùng nhập xong dữ liệu vào bất kỳ trường nào.
Khi trang web chứa biểu mẫu được tải xong.
Khi người dùng đóng trang web.
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ộ đề 07
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?
type="text"
type="hidden"
type="password"
type="mask"
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ộ đề 07
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?
Thêm thẻ `<style>` vào phần `<head>`.
Thêm thẻ `<form>` vào trong phần `<body>`.
Thêm các thẻ `<img>` để trang trí.
Lưu tệp với một tên khác.
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ộ đề 07
Câu 27: Bạn đang thiết kế một form phản hồi. Bạn cần một ô nhập liệu cho phép người dùng gõ một đoạn văn bản dài (ví dụ: nội dung phản hồi chi tiết). Thẻ HTML nào phù hợp nhất cho việc này?
<textarea>
<input type="text">
<input type="textarea">
<input type="longtext">
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ộ đề 07
Câu 28: Giả sử bạn có đoạn mã HTML sau: `Tôi đồng ý`. Điều gì xảy ra khi người dùng nhấp vào văn bản "Tôi đồng ý"?
Trang web chuyển hướng đến một trang khác.
Biểu mẫu được gửi đi.
Văn bản "Tôi đồng ý" biến mất.
Hộp kiểm "Tôi đồng ý" được chọn hoặc bỏ chọn.
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ộ đề 07
Câu 29: Bạn cần tạo một biểu mẫu cho phép người dùng chọn các ngày trong tuần mà họ rảnh (có thể chọn nhiều ngày). Bạn sẽ sử dụng loại điều khiển nhập liệu nào cho mỗi ngày trong tuần?
Hộp kiểm (Checkbox)
Nút chọn (Radio button)
Ô nhập văn bản (Text box)
Danh sách thả xuống (Dropdown list)
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ộ đề 07
Câu 30: Khi tạo một nút bấm trong biểu mẫu, bên cạnh ``, còn có một loại nút khác là ``. Sự khác biệt cơ bản về chức năng mặc định giữa hai loại nút này là gì?
Nút 'submit' chỉ dùng để xóa dữ liệu, còn nút 'button' dùng để gửi dữ liệu.
Nút 'submit' có chức năng mặc định là gửi biểu mẫu, còn nút 'button' không có chức năng mặc định.
Nút 'button' chỉ hiển thị văn bản, còn nút 'submit' hiển thị hình ảnh.
Nút 'submit' chỉ hoạt động trong phần `<head>`, còn nút 'button' hoạt động trong phần `<body>`.
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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
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ã.
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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
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: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
<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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
<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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Đ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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Đó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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
<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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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.
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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
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: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
.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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nà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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
<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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Ô 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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
`<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ẻ `
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
<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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Đặ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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
`<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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Để 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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Để đị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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Đó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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Để 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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
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 1: Bài thơ Sơn Tinh – Thủy Tinh của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học nào?
Để 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`).
Bước 2: Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới
Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé
Bước 3:
Cuộn xuống cuối bài viết rồi bấm vào nút GIỐNG HÌNH DƯỚI và chờ 1 lát để lấy mã:
Nếu tìm không thấy mã bạn có thể
Đổi nhiệm vụ
để lấy mã khác.
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.