Trắc nghiệm đúng sai Khoa học máy tính 12 chân trời Bài F5: Tạo biểu mẫu trong trang web

BÀI F5. TẠO BIỂU MẪU TRONG TRANG WEB

Câu 1: Một công ty đang xây dựng trang web thu thập thông tin ứng viên tuyển dụng. Biểu mẫu bao gồm:

- Họ tên và email (bắt buộc nhập).

- Giới tính với hai tùy chọn (Nam/Nữ) nhưng chỉ có thể chọn một.

- Mục kinh nghiệm làm việc, trong đó ứng viên có thể chọn nhiều lĩnh vực khác nhau.

- Một nút gửi thông tin với nội dung hiển thị là "Nộp đơn".

Sau khi xem xét, một lập trình viên nhận xét như sau:

a. Để tạo trường nhập họ tên, sử dụng <input type="text"> với thuộc tính required.
b. Để tạo tùy chọn Nam/Nữ, có thể dùng <input type="radio"> với cùng một thuộc tính name.
c. Để cho phép chọn nhiều lĩnh vực kinh nghiệm, dùng <input type="radio">.
d. Để hiển thị nút "Nộp đơn", cần sử dụng <button type="button">Nộp đơn</button>.

Đáp án:

- A, B đúng

- C, D sai

Câu 2: Một trang web thương mại điện tử cần tạo biểu mẫu thanh toán với yêu cầu sau:

- Nhập số điện thoại với định dạng hợp lệ.

- Chọn phương thức thanh toán: "Thẻ tín dụng", "Ví điện tử" hoặc "Thanh toán khi nhận hàng".

- Nhập ghi chú tùy chọn bằng một ô văn bản nhiều dòng.

- Một nút đặt hàng để gửi dữ liệu.

Một số lập trình viên đưa ra nhận định:

a. Để nhập số điện thoại, có thể dùng <input type="number"> để chỉ cho phép nhập số.
b. Các phương thức thanh toán có thể được tạo bằng <input type="radio"> với cùng một thuộc tính name.
c. Ô nhập ghi chú có thể sử dụng <textarea> để nhập nhiều dòng.
d. Nút "Đặt hàng" phải có thuộc tính type="button" để hoạt động đúng.

Câu 3: Một lập trình viên đang tạo biểu mẫu đăng ký tài khoản với các yêu cầu:

- Nhập tên người dùng (bắt buộc).

- Nhập mật khẩu, nhưng nội dung nhập vào phải được ẩn đi.

- Nhập email, bắt buộc phải đúng định dạng email.

- Chọn giới tính (Nam/Nữ) và chỉ được chọn một.

- Nút "Đăng ký" để gửi biểu mẫu.

Anh ta viết đoạn mã sau nhưng có một số lỗi:

a. Trường nhập mật khẩu cần dùng type="password" thay vì type="text".
b. Trường email nên dùng type="email" thay vì type="text".
c. Các tùy chọn giới tính nên dùng type="radio" thay vì type="checkbox".
d. Nút "Đăng ký" phải dùng type="button" để gửi dữ liệu biểu mẫu.

--------------- Còn tiếp ---------------