15+ Đề Trắc nghiệm Tin học 12 Cánh diều Bài 6: 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 6: Tạo biểu mẫu

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

Trắc nghiệm Tin học 12 Cánh diều Bài 6: 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: Khi muốn tạo một khu vực trên trang web để người dùng nhập thông tin cá nhân như Tên, Địa chỉ email, Mật khẩu, phần tử HTML nào là bắt buộc để chứa các điều khiển nhập liệu này?

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

    • A. password
    • B. submit
    • C. text
    • D. checkbox

    Câu 3: Trong thẻ `

    `, thuộc tính nào được sử dụng để chỉ định URL (địa chỉ) của tệp hoặc chương trình sẽ xử lý dữ liệu khi biểu mẫu được gửi đi?

    • A. method
    • B. action
    • C. name
    • D. target

    Câu 4: Bạn muốn tạo một nhóm các tùy chọn (ví dụ: Giới tính: Nam, Nữ, Khác) mà người dùng CHỈ được chọn MỘT trong các tùy chọn đó. Loại điều khiển nhập liệu nào là phù hợp nhất?

    • A. Nút chọn (radio button)
    • B. Hộp kiểm (checkbox)
    • C. Ô văn bản (text box)
    • D. Danh sách thả xuống (dropdown list)

    Câu 5: Để nhóm các nút chọn (radio button) lại với nhau sao cho chỉ một nút trong nhóm được chọn tại một thời điểm, thuộc tính nào của thẻ `

  • A. value
  • B. type
  • C. id
  • D. name
  • Câu 6: Đ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 một lúc từ một danh sách (ví dụ: Sở thích: Đọc sách, Chơi nhạc, Thể thao)?

    • A. Nút chọn (radio button)
    • B. Hộp kiểm (checkbox)
    • C. Ô văn bản (text box)
    • D. Nút gửi (submit button)

    Câu 7: Thẻ HTML nào được sử dụng để 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ú, Lời nhắn)?

    • A.
    • B.
    • C.

    Câu 11: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `placeholder` trong các ô nhập liệu (`

  • A. Tự động điền dữ liệu vào ô nhập liệu.
  • B. Cung cấp gợi ý hoặc định dạng mẫu cho dữ liệu cần nhập.
  • C. Bắt buộc người dùng phải nhập dữ liệu vào ô đó.
  • D. Giới hạn số lượng ký tự có thể nhập.
  • Câu 12: Thuộc tính `method` trong thẻ `

    ` có hai giá trị phổ biến là `GET` và `POST`. Sự khác biệt cơ bản giữa hai phương thức này khi gửi dữ liệu là gì?

    • A. GET dùng cho dữ liệu nhạy cảm, POST dùng cho dữ liệu công khai.
    • B. GET gửi dữ liệu trong phần thân yêu cầu, POST gửi dữ liệu qua URL.
    • C. GET gửi dữ liệu qua URL (hiển thị trên thanh địa chỉ), POST gửi dữ liệu trong phần thân yêu cầu (không hiển thị trên thanh địa chỉ).
    • D. GET chỉ dùng cho biểu mẫu nhỏ, POST dùng cho biểu mẫu lớn.

    Câu 13: Bạn muốn thêm một nút vào biểu mẫu để người dùng có thể xóa tất cả dữ liệu đã nhập và đưa biểu mẫu về trạng thái ban đầu. Loại `type` nào của thẻ `` cần sử dụng?

    • A. submit
    • B. button
    • C. clear
    • D. reset

    Câu 14: Khi thiết kế một biểu mẫu phức tạp với nhiều phần khác nhau (ví dụ: Thông tin cá nhân, Thông tin liên hệ, Thông tin thanh toán), việc nhóm các điều khiển nhập liệu liên quan lại với nhau (ví dụ: sử dụng thẻ `

    ` và `

    `) mang lại lợi ích chính nào?

    • A. Giúp người dùng dễ dàng theo dõi và hoàn thành biểu mẫu theo từng phần logic.
    • B. Tăng tốc độ gửi dữ liệu về máy chủ.
    • C. Giảm số lượng điều khiển cần sử dụng.
    • D. Tự động kiểm tra tính hợp lệ của dữ liệu nhập.

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

    • A.
    • B.
    • C.
    • D.

    Câu 16: Một biểu mẫu yêu cầu người dùng nhập tuổi. Bạn muốn đảm bảo người dùng chỉ nhập các giá trị số nguyên dương. Loại `type` nào của thẻ `` có thể hỗ trợ điều này (cùng với các thuộc tính phù hợp)?

    • A. number
    • B. text
    • C. range
    • D. integer

    Câu 17: Bạn đang thiết kế một biểu mẫu đặt hàng. Để người dùng chọn số lượng sản phẩm (từ 1 đến 10), bạn có thể sử dụng ô nhập liệu kiểu `number` và thêm hai thuộc tính nào để giới hạn phạm vi giá trị nhập?

    • A. size và maxlength
    • B. width và height
    • C. min và max
    • D. start và end

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

  • A. Xác định tên của nhãn.
  • B. Liên kết nhãn với điều khiển nhập liệu có cùng giá trị `id`, giúp người dùng nhấp vào nhãn để tập trung vào ô nhập liệu tương ứng.
  • C. Đặt giá trị mặc định cho ô nhập liệu.
  • D. Xác định kiểu dữ liệu cần nhập.
  • Câu 19: Bạn muốn tạo một biểu mẫu liên hệ và muốn đảm bảo người dùng bắt buộc phải nhập dữ liệu vào ô "Email" trước khi gửi biểu mẫu. Thuộc tính nào cần thêm vào thẻ `

  • A. required
  • B. validate
  • C. mandatory
  • D. must
  • Câu 20: Khi sử dụng phương thức `GET` để gửi dữ liệu từ biểu mẫu, dữ liệu này được đính kèm vào URL. Điều này có thể gây ra vấn đề gì, đặc biệt với dữ liệu nhạy cảm?

    • A. Giới hạn kích thước dữ liệu gửi đi rất nhỏ.
    • B. Máy chủ không thể nhận dạng được dữ liệu.
    • C. Dữ liệu hiển thị rõ trên thanh địa chỉ trình duyệt và có thể bị lưu lại trong lịch sử.
    • D. Quá trình gửi dữ liệu chậm hơn phương thức POST.

    Câu 21: Bạn đang thiết kế một biểu mẫu khảo sát mức độ hài lòng. Bạn sử dụng các nút chọn (radio button) cho câu hỏi "Mức độ hài lòng của bạn?" với các lựa chọn: "Rất hài lòng", "Hài lòng", "Bình thường", "Không hài lòng". Để dữ liệu gửi về máy chủ có ý nghĩa, mỗi nút chọn cần có thuộc tính `value` khác nhau đại diện cho từng lựa chọn. Nếu người dùng chọn "Hài lòng", dữ liệu nào có khả năng được gửi đi cho trường này (giả sử `name=

    • A.
    • B.
    • C.
    • D. Giá trị được gán cho thuộc tính `value` của nút "Hài lòng" (ví dụ:

    Câu 22: Biểu mẫu trên trang web có vai trò chính là gì trong tương tác giữa người dùng và website?

    • A. Thu thập thông tin, dữ liệu từ người dùng để gửi về máy chủ xử lý.
    • B. Hiển thị thông tin tĩnh cho người dùng đọc.
    • C. Điều hướng người dùng đến các trang web khác.
    • D. Tạo hiệu ứng động trên trang web.

    Câu 23: Trong HTML, thẻ nào thường được sử dụng để cung cấp nhãn (label) cho một điều khiển nhập liệu, giúp người dùng biết ô đó dùng để nhập thông tin gì?

    • A.
    • B.
    • C.
    • D.

    Câu 24: Bạn muốn tạo một ô nhập liệu cho phép người dùng chọn ngày sinh. Loại `type` nào của thẻ `` được thiết kế riêng cho mục đích này?

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

    Câu 25: Thuộc tính `maxlength` của thẻ `

  • A. Đặt giá trị tối đa cho ô nhập liệu số.
  • B. Giới hạn số lượng ký tự tối đa mà người dùng có thể nhập vào ô văn bản.
  • C. Xác định chiều rộng tối đa của ô nhập liệu.
  • D. Đánh dấu ô nhập liệu là bắt buộc.
  • Câu 26: Khi thiết kế biểu mẫu, tại sao việc căn chỉnh các nhãn (label) và các ô nhập liệu một cách nhất quán (ví dụ: căn trái, căn phải) lại quan trọng?

    • A. Giảm kích thước tệp HTML.
    • B. Tăng tốc độ tải trang.
    • C. Giúp máy chủ xử lý dữ liệu dễ hơn.
    • D. Nâng cao tính thẩm mỹ và giúp người dùng dễ dàng quét mắt, tìm kiếm thông tin cần nhập.

    Câu 27: Bạn muốn tạo một ô nhập liệu ẩn (không hiển thị trên giao diện) để lưu trữ một giá trị cố định (ví dụ: ID sản phẩm) khi biểu mẫu được gửi đi. Loại `type` nào của thẻ `` cần sử dụng?

    • A. hidden
    • B. visible
    • C. invisible
    • D. mask

    Câu 28: Xem xét tình huống: Một biểu mẫu có hai nhóm nút chọn (radio button), nhóm A có tên là `gioi_tinh` (Nam, Nữ), nhóm B có tên là `tinh_trang` (Độc thân, Đã kết hôn). Nếu người dùng chọn "Nữ" trong nhóm A và "Đã kết hôn" trong nhóm B, dữ liệu được gửi về máy chủ sẽ có dạng tương tự như thế nào (giả sử giá trị value tương ứng)?

    • A. gioi_tinh=Nữ&gioi_tinh=Đã kết hôn
    • B. tinh_trang=Nữ&tinh_trang=Đã kết hôn
    • C. gioi_tinh=Nữ&tinh_trang=Đã kết hôn
    • D. Nữ&Đã kết hôn

    Câu 29: Đâu là lý do chính khiến việc thiết kế bố cục biểu mẫu (sắp xếp các điều khiển, nhãn, nút lệnh) một cách khoa học và trực quan là rất quan trọng?

    • A. Để giảm tải cho máy chủ web.
    • B. Để mã HTML ngắn gọn hơn.
    • C. Để biểu mẫu chỉ hiển thị trên một số trình duyệt nhất định.
    • D. Để người dùng dễ dàng hiểu, hoàn thành biểu mẫu, giảm thiểu lỗi nhập liệu và cải thiện trải nghiệm người dùng.

    Câu 30: Bạn muốn tạo một ô nhập liệu mà người dùng có thể chọn nhiều tệp tin để tải lên. Loại `type` nào của thẻ `` hỗ trợ chức năng này (cùng với thuộc tính `multiple`)?

    • A. text
    • B. file
    • C. upload
    • D. attachment

    1 / 30

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

    Tags: Bộ đề 3

    Câu 1: Bạn đang thiết kế một biểu mẫu đăng ký người dùng trên website. Để thu thập thông tin 'Họ và tên' của người dùng, bạn nên sử dụng điều khiển nhập liệu nào để người dùng có thể nhập một dòng văn bản tự do?

    2 / 30

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

    Tags: Bộ đề 3

    Câu 2: 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' (Nam hoặc Nữ), trong đó họ chỉ được chọn duy nhất một tùy chọn. Loại điều khiển nhập liệu nào phù hợp nhất cho trường hợp này?

    3 / 30

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

    Tags: Bộ đề 3

    Câu 3: Để tạo một nhóm các nút chọn (radio button) mà chỉ cho phép người dùng chọn một mục duy nhất trong nhóm đó, các nút chọn này bắt buộc phải có thuộc tính nào giống nhau?

    4 / 30

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

    Tags: Bộ đề 3

    Câu 4: Bạn muốn tạo một biểu mẫu cho phép người dùng chọn nhiều sở thích cùng lúc từ một danh sách cho trước (ví dụ: Đọc sách, Nghe nhạc, Chơi thể thao). Loại điều khiển nhập liệu nào là lựa chọn tối ưu?

    5 / 30

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

    Tags: Bộ đề 3

    Câu 5: Khi người dùng hoàn thành việc nhập dữ liệu vào biểu mẫu và muốn gửi thông tin đó đến máy chủ web để xử lý, họ cần tương tác với loại điều khiển nào?

    6 / 30

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

    Tags: Bộ đề 3

    Câu 6: Thuộc tính `name` của các điều khiển nhập liệu trong biểu mẫu (như ``, `