15+ Đề Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Đề 01

Đề 02

Đề 03

Đề 04

Đề 05

Đề 06

Đề 07

Đề 08

Đề 09

Đề 10

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é!!!


Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu - Đề 01

Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu - Đề 01 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.

Câu 1: Trong HTML, thẻ nào được sử dụng để định nghĩa một biểu mẫu (form) dùng để thu thập dữ liệu từ người dùng?

  • A. <input>
  • B. <label>
  • C. <form>
  • D. <button>

Câu 2: Thuộc tính `action` của thẻ <form> trong HTML có vai trò gì?

  • A. Chỉ định URL xử lý dữ liệu biểu mẫu khi được gửi đi.
  • B. Xác định cách dữ liệu biểu mẫu được mã hóa trước khi gửi.
  • C. Xác định phương thức HTTP (GET hoặc POST) để gửi dữ liệu.
  • D. Đặt tên cho biểu mẫu để tham chiếu trong JavaScript.

Câu 3: Thuộc tính `method` của thẻ <form> trong HTML thường có hai giá trị chính là GET và POST. Sự khác biệt cơ bản giữa GET và POST khi gửi dữ liệu biểu mẫu là gì?

  • A. GET dùng cho dữ liệu nhạy cảm, POST dùng cho dữ liệu công khai.
  • B. GET không gửi dữ liệu, POST mới gửi dữ liệu.
  • C. POST gửi dữ liệu qua URL, GET gửi trong phần thân.
  • D. GET gửi dữ liệu qua URL, POST gửi trong phần thân yêu cầu HTTP.

Câu 4: Thẻ <input> trong HTML được sử dụng để tạo ra các điều khiển tương tác trong biểu mẫu. Thuộc tính nào của thẻ <input> là **quan trọng nhất** để xác định loại điều khiển (ví dụ: ô nhập văn bản, nút chọn, hộp kiểm) sẽ được tạo ra?

  • A. `name`
  • B. `type`
  • C. `value`
  • D. `id`

Câu 5: Để tạo một ô nhập liệu cho phép người dùng nhập một dòng văn bản ngắn (ví dụ: tên, email), bạn sẽ sử dụng thẻ <input> với thuộc tính `type` có giá trị là gì?

  • A. `text`
  • B. `textarea`
  • C. `label`
  • D. `string`

Câu 6: Xem xét đoạn mã HTML sau:
<input type=

  • A. Người dùng có thể chọn cả hai tùy chọn cùng lúc.
  • B. Người dùng không thể chọn bất kỳ tùy chọn nào.
  • C. Người dùng chỉ có thể chọn một trong hai tùy chọn.
  • D. Đây là mã HTML không hợp lệ.

Câu 7: Để tạo một nhóm các hộp kiểm (checkbox) cho phép người dùng chọn **nhiều hơn một** tùy chọn (ví dụ: chọn các sở thích), các thẻ <input type=

  • A. Mỗi hộp kiểm phải có một `name` hoàn toàn khác nhau.
  • B. Tất cả các hộp kiểm trong nhóm nên có cùng một `name`.
  • C. Chỉ hộp kiểm đầu tiên cần có thuộc tính `name`.
  • D. Không cần thuộc tính `name` cho hộp kiểm.

Câu 8: Thẻ <label> trong HTML được sử dụng để liên kết văn bản mô tả với một điều khiển biểu mẫu (như <input>). Điều này mang lại lợi ích gì?

  • A. Cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng (có thể nhấp vào nhãn để chọn điều khiển).
  • B. Thay đổi kiểu dáng (style) của điều khiển biểu mẫu.
  • C. Bắt buộc người dùng phải điền đầy đủ thông tin vào ô nhập liệu.
  • D. Tự động gửi dữ liệu biểu mẫu khi nhấp vào nhãn.

Câu 9: Để liên kết một thẻ <label> với một thẻ <input> cụ thể, thuộc tính nào của thẻ <label> cần khớp với thuộc tính `id` của thẻ <input>?

  • A. `name`
  • B. `value`
  • C. `type`
  • D. `for`

Câu 10: Thẻ <button> với `type=

  • A. Xóa trắng tất cả dữ liệu đã nhập trong biểu mẫu.
  • B. Gửi dữ liệu của biểu mẫu đến máy chủ.
  • C. Tải lại trang web hiện tại.
  • D. Mở một trang web mới trong tab khác.

Câu 11: Xem xét đoạn mã:
<input type=

  • A. Bắt buộc người dùng phải chọn hộp kiểm này.
  • B. Ngăn người dùng thay đổi trạng thái của hộp kiểm.
  • C. Hộp kiểm này sẽ được chọn mặc định khi trang tải.
  • D. Gửi giá trị "yes" ngay lập tức khi trang tải.

Câu 12: Để tạo một nút lệnh mà khi nhấp vào sẽ xóa trắng tất cả các ô nhập liệu trong biểu mẫu, bạn sẽ sử dụng thẻ <input> hoặc <button> với thuộc tính `type` có giá trị là gì?

  • A. `reset`
  • B. `clear`
  • C. `button`
  • D. `cancel`

Câu 13: Xem xét cấu trúc biểu mẫu cơ bản sau:
<form action=

  • A. `username=admin`
  • B. `user=admin`
  • C. `id=username`
  • D. Chỉ gửi giá trị "Gửi đi".

Câu 14: Bạn cần tạo một biểu mẫu để người dùng nhập mật khẩu. Loại input nào là phù hợp nhất để ẩn ký tự khi người dùng gõ?

  • A. <input type=
  • B. <input type=
  • C. <input type=
  • D. <input type=

Câu 15: Xem xét đoạn mã:
<label for=

  • A. Đặt giới hạn giá trị nhỏ nhất và lớn nhất cho phép nhập.
  • B. Đặt giới hạn số ký tự tối thiểu và tối đa.
  • C. Đặt kích thước hiển thị của ô nhập liệu.
  • D. Xác định khoảng tăng/giảm giá trị khi dùng mũi tên lên/xuống.

Câu 16: Để tạo một ô nhập liệu mà người dùng chỉ có thể chọn một ngày từ lịch, bạn sẽ sử dụng <input> với `type` là gì?

  • A. `text`
  • B. `date`
  • C. `calendar`
  • D. `datetime`

Câu 17: Bạn muốn tạo một biểu mẫu đăng ký nhận bản tin, trong đó người dùng có thể chọn nhận bản tin về Tin tức, Khuyến mãi, hoặc cả hai. Bạn nên sử dụng loại điều khiển nào cho các tùy chọn "Tin tức" và "Khuyến mãi"?

  • A. Hộp kiểm (<input type=
  • B. Nút chọn (<input type=
  • C. Ô nhập văn bản (<input type=
  • D. Danh sách thả xuống (<select>)

Câu 18: Xem xét đoạn mã:
<label>
Đồng ý với điều khoản:<br>
<input type=

  • A. Sử dụng thuộc tính `for` trên <label> và `id` trên <input>.
  • B. Sử dụng thuộc tính `name` giống nhau cho cả hai.
  • C. Không có liên kết nào giữa nhãn và hộp kiểm trong trường hợp này.
  • D. Hộp kiểm được đặt bên trong thẻ <label> nên chúng tự động liên kết.

Câu 19: Khi tạo một nhóm các nút chọn (radio button) để người dùng chọn duy nhất một tùy chọn (ví dụ: Giới tính), điều kiện **bắt buộc** để các nút này hoạt động theo nhóm là gì?

  • A. Chúng phải được đặt trong cùng một thẻ <div>.
  • B. Chúng phải có cùng giá trị cho thuộc tính `name`.
  • C. Chúng phải có cùng giá trị cho thuộc tính `id`.
  • D. Chúng phải có cùng giá trị cho thuộc tính `value`.

Câu 20: Thuộc tính `value` của thẻ <input> có ý nghĩa gì?

  • A. Tên của ô nhập liệu khi gửi dữ liệu.
  • B. Loại điều khiển biểu mẫu.
  • C. Giá trị ban đầu của ô nhập liệu hoặc giá trị được gửi đi khi điều khiển được chọn.
  • D. Văn bản hiển thị bên cạnh ô nhập liệu.

Câu 21: Bạn cần tạo một ô nhập liệu email. Mặc dù có thể dùng `type=

  • A. Tự động điền địa chỉ email của người dùng.
  • B. Mã hóa địa chỉ email trước khi gửi.
  • C. Bắt buộc người dùng phải nhập email đã đăng ký.
  • D. Cung cấp tính năng xác thực cú pháp email cơ bản và tối ưu hóa bàn phím di động.

Câu 22: Để tạo một ô nhập liệu cho phép người dùng tải lên một tệp tin, bạn sẽ sử dụng <input> với `type` là gì? (Giả định loại input này được giới thiệu trong bài học)

  • A. `file`
  • B. `upload`
  • C. `document`
  • D. `attach`

Câu 23: Xem xét đoạn mã HTML:
<form action=

  • A. `[địa chỉ hiện tại]/submit`
  • B. `[địa chỉ hiện tại]/submit?Tên=Nguyen`
  • C. `[địa chỉ hiện tại]/submit?firstName=Nguyen`
  • D. Dữ liệu không hiển thị trên URL.

Câu 24: Bạn muốn tạo một vùng nhập liệu cho phép người dùng viết nhiều dòng văn bản (ví dụ: phần Ghi chú hoặc Lời nhắn). Thẻ HTML nào phù hợp nhất cho việc này?

  • A. <input type=
  • B. <input type=
  • C. <input type=
  • D. <textarea>

Câu 25: Khi sử dụng thẻ <input type=

  • A. Là giá trị duy nhất được gửi đến máy chủ nếu điều khiển đó được chọn.
  • B. Là văn bản hiển thị bên cạnh điều khiển.
  • C. Là tên của nhóm điều khiển đó.
  • D. Xác định trạng thái mặc định (được chọn hay không).

Câu 26: Xem xét đoạn mã:
<form action=

  • A. `id=blue`
  • B. `value=blue`
  • C. `color=blue`
  • D. `Xanh=color`

Câu 27: Thẻ <fieldset> và <legend> trong HTML thường được sử dụng cùng nhau trong biểu mẫu với mục đích gì?

  • A. Nhóm các điều khiển biểu mẫu liên quan và cung cấp tiêu đề cho nhóm.
  • B. Định dạng màu sắc và font chữ cho biểu mẫu.
  • C. Tạo hiệu ứng động khi di chuột qua các trường nhập liệu.
  • D. Kiểm tra tính hợp lệ của dữ liệu nhập vào.

Câu 28: Để tạo một ô nhập liệu số điện thoại, loại `type` nào của thẻ <input> là phù hợp nhất để gợi ý bàn phím số trên thiết bị di động và có thể hỗ trợ xác thực cơ bản (tùy trình duyệt)?

  • A. `number`
  • B. `tel`
  • C. `phone`
  • D. `digit`

Câu 29: Xem xét yêu cầu: Tạo một biểu mẫu đăng ký đơn giản gồm các trường: Tên đầy đủ (văn bản), Giới tính (chọn 1 trong 2: Nam/Nữ), và nút Đăng ký. Cấu trúc HTML cơ bản nào sau đây là phù hợp nhất để bắt đầu xây dựng biểu mẫu này?

  • A. <form>...<input type=
  • B. <div>...<p>Tên:</p>...<p>Giới tính:</p>...<button>Đăng ký</button>...</div>
  • C. <form>...<input type=
  • D. <form>...<label>Tên:</label>...<select>...</select>...<input type=

Câu 30: Khi thực hành tạo biểu mẫu và xem kết quả trên trình duyệt, nếu biểu mẫu không hiển thị hoặc hoạt động như mong đợi, bước kiểm tra đầu tiên và quan trọng nhất nên là gì?

  • A. Kiểm tra kết nối mạng Internet.
  • B. Thử trên một trình duyệt web khác.
  • C. Kiểm tra lại mã nguồn HTML đã viết, tìm lỗi cú pháp hoặc logic.
  • D. Khởi động lại máy tính.

1 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

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?

2 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 2: Thuộc tính `action` của thẻ

trong HTML có vai trò gì?

3 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 3: Thuộc tính `method` của thẻ

trong HTML thường có hai giá trị chính là GET và POST. Sự khác biệt cơ bản giữa GET và POST khi gửi dữ liệu biểu mẫu là gì?

4 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 4: Thẻ trong HTML được sử dụng để tạo ra các điều khiển tương tác trong biểu mẫu. Thuộc tính nào của thẻ là **quan trọng nhất** để xác định loại điều khiển (ví dụ: ô nhập văn bản, nút chọn, hộp kiểm) sẽ được tạo ra?

5 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 5: Để tạo một ô nhập liệu cho phép người dùng nhập một dòng văn bản ngắn (ví dụ: tên, email), bạn sẽ sử dụng thẻ với thuộc tính `type` có giá trị là gì?

6 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 6: Xem xét đoạn mã HTML sau:
Nam
Nữ

Hai ô nhập liệu này hoạt động như thế nào khi người dùng tương tác?

7 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 7: Để tạo một nhóm các hộp kiểm (checkbox) cho phép người dùng chọn **nhiều hơn một** tùy chọn (ví dụ: chọn các sở thích), các thẻ cần có thuộc tính `name` như thế nào?

8 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 8: Thẻ

9 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 9: Để liên kết một thẻ

10 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 10: Thẻ

11 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 11: Xem xét đoạn mã:
Đăng ký nhận tin
Thuộc tính `checked` trong thẻ này có ý nghĩa gì?

12 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 12: Để tạo một nút lệnh mà khi nhấp vào sẽ xóa trắng tất cả các ô nhập liệu trong biểu mẫu, bạn sẽ sử dụng thẻ hoặc

13 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 13: Xem xét cấu trúc biểu mẫu cơ bản sau:




Khi người dùng nhập 'admin' vào ô Tên đăng nhập và nhấn nút 'Gửi đi', dữ liệu nào có khả năng được gửi đến máy chủ tại 'submit.php'?

14 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 14: Bạn cần tạo một biểu mẫu để người dùng nhập mật khẩu. Loại input nào là phù hợp nhất để ẩn ký tự khi người dùng gõ?

15 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 15: Xem xét đoạn mã:


Thuộc tính `min` và `max` trong thẻ có tác dụng gì?

16 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 16: Để tạo một ô nhập liệu mà người dùng chỉ có thể chọn một ngày từ lịch, bạn sẽ sử dụng với `type` là gì?

17 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 17: Bạn muốn tạo một biểu mẫu đăng ký nhận bản tin, trong đó người dùng có thể chọn nhận bản tin về Tin tức, Khuyến mãi, hoặc cả hai. Bạn nên sử dụng loại điều khiển nào cho các tùy chọn 'Tin tức' và 'Khuyến mãi'?

18 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 18: Xem xét đoạn mã:



Đoạn mã này tạo ra một hộp kiểm. Mối liên kết giữa nhãn 'Đồng ý với điều khoản:' và hộp kiểm được thiết lập như thế nào?

19 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 19: Khi tạo một nhóm các nút chọn (radio button) để người dùng chọn duy nhất một tùy chọn (ví dụ: Giới tính), điều kiện **bắt buộc** để các nút này hoạt động theo nhóm là gì?

20 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 20: Thuộc tính `value` của thẻ có ý nghĩa gì?

21 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 21: Bạn cần tạo một ô nhập liệu email. Mặc dù có thể dùng `type="text"`, việc sử dụng `type="email"` mang lại lợi ích bổ sung nào?

22 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 22: Để tạo một ô nhập liệu cho phép người dùng tải lên một tệp tin, bạn sẽ sử dụng với `type` là gì? (Giả định loại input này được giới thiệu trong bài học)

23 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 23: Xem xét đoạn mã HTML:

Tên:



Nếu người dùng nhập 'Nguyen' vào ô Tên và nhấn nút OK, URL trên thanh địa chỉ của trình duyệt sẽ có dạng như thế nào sau khi gửi biểu mẫu?

24 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 1

Câu 24: Bạn muốn tạo một vùng nhập liệu cho phép người dùng viết nhiều dòng văn bản (ví dụ: phần Ghi chú hoặc Lời nhắn). Thẻ HTML nào phù hợp nhất cho việc này?

13 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 13: Thuộc tính `placeholder` trong các phần tử `` (như `type="text"`) có tác dụng gì?

14 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 14: Thuộc tính `required` trong một trường nhập liệu của biểu mẫu HTML5 có ý nghĩa gì?

15 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 15: Xem đoạn mã: `

Thông tin liên hệ

`. Phần tử `

` và `

` được sử dụng để làm gì trong biểu mẫu?

16 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 16: Nếu bạn muốn một nút bấm trong biểu mẫu chỉ thực hiện một hành động JavaScript (ví dụ: hiển thị thông báo) mà *không* gửi dữ liệu của biểu mẫu, bạn nên sử dụng loại thuộc tính `type` nào cho phần tử ``?

17 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 17: Thuộc tính `value` trong phần tử `` dùng để làm gì?

18 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 18: Khi sử dụng `` để tạo nhóm lựa chọn, thuộc tính nào là *quan trọng nhất* để trình duyệt hiểu rằng các nút radio đó thuộc cùng một nhóm và chỉ cho phép chọn một?

19 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 19: Bạn muốn tạo một trường nhập liệu cho người dùng chọn ngày tháng (ví dụ: Ngày sinh). Loại thuộc tính `type` nào của phần tử `` sẽ cung cấp giao diện chọn ngày thân thiện với người dùng (ví dụ: lịch popup)?

20 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 20: Xem đoạn mã HTML: `
`. Việc sử dụng thuộc tính `for` trong `

21 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 21: Bạn cần một trường nhập liệu cho người dùng tải lên một tập tin (ví dụ: ảnh hồ sơ). Loại thuộc tính `type` nào của phần tử `` được sử dụng cho mục đích này?

22 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 22: Thuộc tính `maxlength` trong phần tử `` dùng để làm gì?

23 / 30

Category: Trắc nghiệm Tin học 12 Cánh diều Bài 7: Thực hành tạo biểu mẫu

Tags: Bộ đề 6

Câu 23: Khi tạo một biểu mẫu, việc đặt tên (`name`) cho các trường nhập liệu (``, `