Đề Trắc nghiệm Tin học 12 – Bài 6: Tạo biểu mẫu (Cánh Diều)
Đề 01
Đề 02
Đề 03
Đề 04
Đề 05
Đề 06
Đề 07
Đề 08
Đề 09
Đề 10
0
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 02
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 02 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Bạn cần tạo một trường nhập liệu trên biểu mẫu web để người dùng nhập địa chỉ email của họ. Loại điều khiển nào là phù hợp nhất để sử dụng, có tính đến khả năng kiểm tra định dạng cơ bản của trình duyệt?
A.
B.
C.
D.
Câu 2: Xem xét đoạn mã HTML sau:
```html
A. user=admin&Gửi đi=Gửi đi
B. user=admin
C. username=admin
D. username=admin&value=Gửi đi
Câu 3: Bạn muốn tạo một nhóm các tùy chọn về giới tính (Nam, Nữ, Khác) mà người dùng chỉ được phép chọn một trong ba tùy chọn đó. Loại điều khiển nhập liệu nào là phù hợp nhất và thuộc tính nào cần giống nhau giữa các tùy chọn trong nhóm?
A. Hộp kiểm (checkbox); thuộc tính id
B. Ô văn bản (text box); thuộc tính value
C. Nút chọn (radio button); thuộc tính id
D. Nút chọn (radio button); thuộc tính name
Câu 4: Trong thiết kế biểu mẫu web, việc sử dụng thẻ `
Câu 5: Bạn cần một trường nhập liệu cho phép người dùng viết một đoạn nhận xét dài, có thể bao gồm nhiều dòng. Loại điều khiển HTML nào là phù hợp nhất cho mục đích này?
A.
B.
C.
D.
Câu 6: Xem xét đoạn mã:
```html
A. interest=sport,movie
B. interest=sport&movie
C. interest=sport&interest=movie
D. interest=sport movie
Câu 7: Thuộc tính `action` trong thẻ `
` có vai trò gì?
A. Chỉ định URL (địa chỉ) nơi dữ liệu biểu mẫu sẽ được gửi đến khi biểu mẫu được gửi đi.
B. Xác định phương thức (GET hoặc POST) để gửi dữ liệu.
C. Đặt tên cho biểu mẫu để tham chiếu trong mã JavaScript.
D. Quy định cách hiển thị biểu mẫu trên trình duyệt.
Câu 8: Bạn cần tạo một nút bấm trên biểu mẫu mà khi người dùng nhấp vào, toàn bộ dữ liệu đã nhập vào các trường sẽ bị xóa sạch và đặt lại về trạng thái ban đầu. Loại điều khiển nào thực hiện chức năng này?
A.
B.
C.
D.
Câu 9: Thuộc tính `value` của một điều khiển `` có tác dụng gì khi biểu mẫu được tải lần đầu?
A. Đặt nhãn hiển thị bên cạnh ô văn bản.
B. Xác định tên của ô văn bản khi dữ liệu được gửi đi.
C. Thiết lập giá trị mặc định sẽ xuất hiện trong ô văn bản khi biểu mẫu được hiển thị.
D. Giới hạn số lượng ký tự có thể nhập vào ô văn bản.
Câu 10: Khi thiết kế biểu mẫu, tại sao nên nhóm các điều khiển nhập liệu có liên quan lại với nhau (ví dụ: nhóm thông tin cá nhân, nhóm thông tin liên lạc)?
A. Giúp người dùng dễ dàng hiểu cấu trúc biểu mẫu và nhập dữ liệu một cách logic.
B. Tăng tốc độ tải trang web.
C. Bắt buộc người dùng điền đầy đủ tất cả các trường.
D. Tự động lưu dữ liệu người dùng vào cơ sở dữ liệu.
Câu 11: Điều khiển `
A. Nhập văn bản nhiều dòng.
B. Tạo nút bấm.
C. Nhập ngày tháng.
D. Tạo danh sách lựa chọn (thả xuống).
Câu 12: Xem xét đoạn mã HTML:
```html
A. Nhỏ
B. Vừa
C. Lớn
D. Không có tùy chọn nào được chọn mặc định.
Câu 13: Phương thức `GET` và `POST` trong thuộc tính `method` của thẻ `
` khác nhau chủ yếu ở điểm nào liên quan đến việc gửi dữ liệu?
A. GET gửi dữ liệu trong URL (có thể nhìn thấy), POST gửi dữ liệu trong phần thân yêu cầu (thường không nhìn thấy).
B. GET dùng để lấy dữ liệu từ máy chủ, POST dùng để gửi dữ liệu lên máy chủ.
C. GET an toàn hơn POST khi gửi dữ liệu nhạy cảm.
D. GET cho phép gửi dữ liệu không giới hạn kích thước, POST thì có giới hạn.
Câu 14: Bạn đang thiết kế một biểu mẫu đăng ký và cần người dùng nhập mật khẩu. Loại điều khiển `` nào nên sử dụng để các ký tự nhập vào được che đi (thường bằng dấu chấm hoặc sao) nhằm tăng tính bảo mật khi người khác nhìn vào màn hình?
A.
B.
C.
D.
Câu 15: Trong biểu mẫu, thuộc tính `placeholder` của các điều khiển nhập liệu (như ``) có tác dụng gì?
A. Thiết lập giá trị mặc định cho trường.
B. Hiển thị văn bản gợi ý hoặc mô tả ngắn trong trường nhập liệu khi trường đó rỗng.
C. Đặt nhãn cố định cho 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 16: Khi sử dụng hộp kiểm (checkbox), tại sao mỗi hộp kiểm thường có một thuộc tính `value` riêng biệt?
A. Để liên kết hộp kiểm với nhãn (label).
B. Để đặt trạng thái "đã chọn" mặc định.
C. Để nhóm các hộp kiểm lại với nhau.
D. Để xác định giá trị duy nhất được gửi về máy chủ khi hộp kiểm đó được chọn.
Câu 17: Bạn đang tạo một biểu mẫu khảo sát về mức độ hài lòng, trong đó người dùng cần chọn MỘT mức độ từ "Rất hài lòng", "Hài lòng", "Bình thường", "Không hài lòng", "Rất không hài lòng". Cặp điều khiển và thuộc tính nào là phù hợp nhất để triển khai?
A. Các thẻ `
B. Các thẻ `
C. Một thẻ `
D. Các thẻ `
Câu 18: Xem xét đoạn mã HTML:
```html
A. /search?query=lập trình web
B. /search?query=lập+trình+web
C. /search/lập+trình+web
D. /search
Câu 19: Tại sao việc sử dụng nút `
A. Để tự động gửi biểu mẫu khi nhấp vào.
B. Để thay đổi màu sắc của nút.
C. Vì nó không có hành động mặc định liên quan đến biểu mẫu và cần được lập trình để thực hiện chức năng nào đó.
D. Để trình duyệt hiển thị nút đúng cách.
Câu 20: Bạn cần một trường nhập liệu cho phép người dùng chọn một ngày cụ thể (ví dụ: ngày sinh). Loại điều khiển `` hiện đại nào được thiết kế cho mục đích này, thường hiển thị lịch chọn ngày?
A.
B.
C.
D.
Câu 21: Đâu là lợi ích chính của việc đặt các nút lệnh (như Gửi, Hủy) ở cuối biểu mẫu?
A. Giúp người dùng hoàn thành việc điền dữ liệu trước khi thực hiện hành động cuối cùng (gửi hoặc hủy).
B. Tăng tốc độ xử lý dữ liệu trên máy chủ.
C. Bắt buộc người dùng xem lại toàn bộ dữ liệu đã nhập.
D. Giảm thiểu khả năng người dùng bỏ qua các trường bắt buộc.
Câu 22: Thuộc tính `required` có thể được thêm vào nhiều loại điều khiển `` (như `text`, `email`, `password`, `checkbox`, `radio`) để làm gì?
A. Đặt giá trị mặc định cho trường.
B. Tự động gửi biểu mẫu khi trường này được điền.
C. Yêu cầu người dùng phải điền hoặc chọn giá trị cho trường này trước khi gửi biểu mẫu.
D. Giới hạn số lượng ký tự có thể nhập.
Câu 23: Bạn cần tạo một trường nhập liệu mà người dùng chỉ có thể nhập các số nguyên. Loại điều khiển `` nào là phù hợp nhất?
A.
B.
C.
D.
Câu 24: Điều gì xảy ra khi người dùng nhấp vào một nút `
A. Chỉ làm mới trang web.
B. Lưu dữ liệu nhập vào trên máy tính của người dùng.
C. Xóa sạch dữ liệu đã nhập vào các trường.
D. Thu thập dữ liệu từ các trường nhập liệu và gửi chúng đến địa chỉ được chỉ định trong thuộc tính `action` của thẻ `
`.
Câu 25: Xem xét mục đích sử dụng, điểm khác biệt cơ bản nhất giữa `
A. Radio button chỉ dùng cho văn bản, checkbox dùng cho số.
B. Radio button cho phép chọn một mục duy nhất trong một nhóm, checkbox cho phép chọn nhiều mục.
C. Radio button hiển thị hình tròn, checkbox hiển thị hình vuông.
D. Radio button bắt buộc phải chọn, checkbox thì không.
Câu 26: Để cải thiện trải nghiệm người dùng trên thiết bị di động khi nhập số điện thoại vào biểu mẫu, bạn nên sử dụng loại `` nào để bàn phím số tự động hiển thị?
A.
B.
C.
D.
Câu 27: Thuộc tính `name` của một điều khiển nhập liệu có thể chứa ký tự đặc biệt hoặc khoảng trắng không? Tại sao?
A. Có, để làm cho tên dễ đọc hơn.
B. Có, nhưng phải đặt trong dấu ngoặc kép.
C. Không, vì trình duyệt sẽ không hiển thị biểu mẫu.
D. Không nên sử dụng khoảng trắng và một số ký tự đặc biệt, vì chúng có thể gây lỗi hoặc yêu cầu mã hóa khi dữ liệu được gửi và xử lý trên máy chủ.
Câu 28: Khi tạo một biểu mẫu đơn giản chỉ để thu thập tên và tuổi người dùng, bạn cần ít nhất những thẻ HTML cơ bản nào để cấu trúc biểu mẫu và các trường nhập liệu?
A. Chỉ cần các thẻ ``.
B. Thẻ `
` và các thẻ ``.
C. Thẻ `
`, các thẻ `` và thẻ `
D. Thẻ `
`, các thẻ `` và các thẻ ``.
Câu 29: Giả sử bạn có một danh sách các quốc gia trong thẻ `
A. value=
B. checked
C. selected
D. default
Câu 30: Tại sao việc kiểm tra dữ liệu nhập vào biểu mẫu (validation) ở cả phía trình duyệt (client-side) và phía máy chủ (server-side) đều quan trọng?
A. Kiểm tra client giúp phản hồi nhanh cho người dùng, kiểm tra server đảm bảo an toàn và tính toàn vẹn dữ liệu.
B. Chỉ cần kiểm tra client là đủ cho hầu hết các trường hợp.
C. Kiểm tra server chỉ dùng để định dạng dữ liệu, không phải để xác thực.
D. Kiểm tra client làm chậm quá trình gửi dữ liệu.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 1: Bạn cần tạo một trường nhập liệu trên biểu mẫu web để người dùng nhập địa chỉ email của họ. Loại điều khiển nào là phù hợp nhất để sử dụng, có tính đến khả năng kiểm tra định dạng cơ bản của trình duyệt?
<input type="text">
<input type="url">
<input type="email">
<input type="textarea">
Câu hỏi kiểm tra khả năng áp dụng kiến thức về các loại input phù hợp cho từng mục đích nhập liệu cụ thể. `type='email'` được thiết kế cho địa chỉ email và cho phép trình duyệt thực hiện kiểm tra định dạng cơ bản.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 2: Xem xét đoạn mã HTML sau:
```html
Tên đăng nhập:
```
Khi người dùng nhập 'admin' vào ô Tên đăng nhập và nhấp nút 'Gửi đi', dữ liệu nào sẽ được gửi đến địa chỉ `/submit-data`?
user=admin&Gửi đi=Gửi đi
user=admin
username=admin
username=admin&value=Gửi đi
Câu hỏi yêu cầu phân tích đoạn mã HTML biểu mẫu để xác định dữ liệu được 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 điều khiển và value là dữ liệu người dùng nhập. Nút submit không gửi giá trị `value` của nó trừ khi nó là `
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 3: Bạn muốn tạo một nhóm các tùy chọn về giới tính (Nam, Nữ, Khác) mà người dùng *chỉ được phép chọn một* trong ba tùy chọn đó. Loại điều khiển nhập liệu nào là phù hợp nhất và thuộc tính nào cần giống nhau giữa các tùy chọn trong nhóm?
Hộp kiểm (checkbox); thuộc tính id
Ô văn bản (text box); thuộc tính value
Nút chọn (radio button); thuộc tính id
Nút chọn (radio button); thuộc tính name
Câu hỏi kiểm tra khả năng áp dụng điều khiển phù hợp cho lựa chọn đơn và hiểu cách nhóm các lựa chọn đơn lại với nhau. Nút chọn (radio button) dùng cho lựa chọn đơn, và thuộc tính `name` phải giống nhau để chúng hoạt động như một nhóm.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 4: Trong thiết kế biểu mẫu web, việc sử dụng thẻ `` với thuộc tính `for` liên kết với thuộc tính `id` của điều khiển nhập liệu tương ứng (ví dụ: `Email:`) mang lại lợi ích chính nào?
Cải thiện khả năng sử dụng và trợ năng (accessibility), giúp người dùng dễ dàng tương tác với điều khiển.
Tự động kiểm tra định dạng dữ liệu đầu vào.
Thay đổi màu sắc và kiểu chữ của điều khiển nhập liệu.
Giảm dung lượng dữ liệu gửi về máy chủ.
Câu hỏi kiểm tra hiểu biết về các nguyên tắc thiết kế biểu mẫu và tính khả dụng/trợ năng. Việc liên kết label với input giúp khi nhấp vào label, con trỏ sẽ nhảy đến ô input tương ứng, cải thiện trải nghiệm người dùng, đặc biệt quan trọng cho người dùng sử dụng các công cụ hỗ trợ.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 5: Bạn cần một trường nhập liệu cho phép người dùng viết một đoạn nhận xét dài, có thể bao gồm nhiều dòng. Loại điều khiển HTML nào là phù hợp nhất cho mục đích này?
<input type="text">
<textarea>
<input type="textarea">
<input type="longtext">
Câu hỏi kiểm tra khả năng áp dụng điều khiển nhập liệu phù hợp với loại dữ liệu cần thu thập. `
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 6: Xem xét đoạn mã:
```html
Thể thao
Âm nhạc
Phim ảnh
```
Nếu người dùng chọn cả 'Thể thao' và 'Phim ảnh' rồi gửi biểu mẫu, dữ liệu gửi đi (giả sử dùng phương thức GET) sẽ có dạng như thế nào?
interest=sport,movie
interest=sport&movie
interest=sport&interest=movie
interest=sport movie
Câu hỏi yêu cầu phân tích cách dữ liệu từ các hộp kiểm (checkbox) được gửi đi khi có cùng thuộc tính `name`. Khi nhiều hộp kiểm cùng tên được chọn, mỗi giá trị `value` của hộp kiểm được chọn sẽ được gửi đi dưới cùng một tên, lặp lại.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 7: Thuộc tính `action` trong thẻ `
` có vai trò gì?
Chỉ định URL (địa chỉ) nơi dữ liệu biểu mẫu sẽ được gửi đến khi biểu mẫu được gửi đi.
Xác định phương thức (GET hoặc POST) để gửi dữ liệu.
Đặt tên cho biểu mẫu để tham chiếu trong mã JavaScript.
Quy định cách hiển thị biểu mẫu trên trình duyệt.
Câu hỏi kiểm tra hiểu biết về cấu trúc và chức năng của thẻ `
`. Thuộc tính `action` xác định URL nơi dữ liệu biểu mẫu sẽ được gửi đến để xử lý.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 8: Bạn cần tạo một nút bấm trên biểu mẫu mà khi người dùng nhấp vào, toàn bộ dữ liệu đã nhập vào các trường sẽ bị xóa sạch và đặt lại về trạng thái ban đầu. Loại điều khiển nào thực hiện chức năng này?
<input type="submit">
<input type="reset">
<input type="button">
<input type="clear">
Câu hỏi kiểm tra khả năng áp dụng loại nút lệnh phù hợp cho chức năng đặt lại biểu mẫu. `` được thiết kế để đặt lại tất cả các trường nhập liệu trong form về giá trị mặc định ban đầu.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 9: Thuộc tính `value` của một điều khiển `` có tác dụng gì khi biểu mẫu được tải lần đầu?
Đặt nhãn hiển thị bên cạnh ô văn bản.
Xác định tên của ô văn bản khi dữ liệu được gửi đi.
Thiết lập giá trị mặc định sẽ xuất hiện trong ô văn bản khi biểu mẫu được hiển thị.
Giới hạn số lượng ký tự có thể nhập vào ô văn bản.
Câu hỏi kiểm tra hiểu biết về thuộc tính `value` của ô văn bản. Thuộc tính `value` được sử dụng để đặt giá trị mặc định ban đầu cho ô văn bản khi trang được tải.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 10: Khi thiết kế biểu mẫu, tại sao nên nhóm các điều khiển nhập liệu có liên quan lại với nhau (ví dụ: nhóm thông tin cá nhân, nhóm thông tin liên lạc)?
Giúp người dùng dễ dàng hiểu cấu trúc biểu mẫu và nhập dữ liệu một cách logic.
Tăng tốc độ tải trang web.
Bắt buộc người dùng điền đầy đủ tất cả các trường.
Tự động lưu dữ liệu người dùng vào cơ sở dữ liệu.
Câu hỏi kiểm tra khả năng phân tích nguyên tắc thiết kế biểu mẫu để cải thiện trải nghiệm người dùng. Việc nhóm các trường liên quan giúp biểu mẫu có cấu trúc logic, dễ hiểu và dễ điền hơn.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 11: Điều khiển `
Nhập văn bản nhiều dòng.
Tạo nút bấm.
Nhập ngày tháng.
Tạo danh sách lựa chọn (thả xuống).
Câu hỏi kiểm tra kiến thức về các điều khiển biểu mẫu khác ngoài ``. Thẻ `
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 12: Xem xét đoạn mã HTML:
```html
Nhỏ
Vừa
Lớn
```
Khi biểu mẫu được tải lên trình duyệt lần đầu, tùy chọn nào sẽ được chọn mặc định?
Nhỏ
Vừa
Lớn
Không có tùy chọn nào được chọn mặc định.
Câu hỏi yêu cầu phân tích đoạn mã để xác định trạng thái mặc định của điều khiển. Thuộc tính `checked` trên `` hoặc `` quy định tùy chọn đó sẽ được chọn sẵn khi trang tải.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 13: Phương thức `GET` và `POST` trong thuộc tính `method` của thẻ `
` khác nhau chủ yếu ở điểm nào liên quan đến việc gửi dữ liệu?
GET gửi dữ liệu trong URL (có thể nhìn thấy), POST gửi dữ liệu trong phần thân yêu cầu (thường không nhìn thấy).
GET dùng để lấy dữ liệu từ máy chủ, POST dùng để gửi dữ liệu lên máy chủ.
GET an toàn hơn POST khi gửi dữ liệu nhạy cảm.
GET cho phép gửi dữ liệu không giới hạn kích thước, POST thì có giới hạn.
Câu hỏi kiểm tra khả năng so sánh và phân tích hai phương thức gửi dữ liệu phổ biến. 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 URL) và thường được dùng cho dữ liệu nhạy cảm hoặc lớn.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 14: Bạn đang thiết kế một biểu mẫu đăng ký và cần người dùng nhập mật khẩu. Loại điều khiển `` nào nên sử dụng để các ký tự nhập vào được che đi (thường bằng dấu chấm hoặc sao) nhằm tăng tính bảo mật khi người khác nhìn vào màn hình?
<input type="text">
<input type="hidden">
<input type="password">
<input type="secret">
Câu hỏi kiểm tra khả năng áp dụng loại input phù hợp cho dữ liệu nhạy cảm. `` được thiết kế để che đi các ký tự nhập vào.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 15: Trong biểu mẫu, thuộc tính `placeholder` của các điều khiển nhập liệu (như ``) có tác dụng gì?
Thiết lập giá trị mặc định cho trường.
Hiển thị văn bản gợi ý hoặc mô tả ngắn trong trường nhập liệu khi trường đó rỗng.
Đặt nhãn cố định cho trường nhập liệu.
Kiểm tra tính hợp lệ của dữ liệu nhập vào.
Câu hỏi kiểm tra hiểu biết về thuộc tính `placeholder`. Nó cung cấp gợi ý hoặc ví dụ về dữ liệu mong muốn nhập vào trường, hiển thị mờ và biến mất khi người dùng bắt đầu nhập.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 16: Khi sử dụng hộp kiểm (checkbox), tại sao mỗi hộp kiểm thường có một thuộc tính `value` riêng biệt?
Để liên kết hộp kiểm với nhãn (label).
Để đặt trạng thái 'đã chọn' mặc định.
Để nhóm các hộp kiểm lại với nhau.
Để xác định giá trị duy nhất được gửi về máy chủ khi hộp kiểm đó được chọn.
Câu hỏi yêu cầu phân tích vai trò của thuộc tính `value` đối với hộp kiểm. `value` xác định giá trị cụ thể được gửi về máy chủ khi hộp kiểm đó được chọn, cho phép phân biệt lựa chọn này với lựa chọn khác trong cùng nhóm tên.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 17: Bạn đang tạo một biểu mẫu khảo sát về mức độ hài lòng, trong đó người dùng cần chọn MỘT mức độ từ 'Rất hài lòng', 'Hài lòng', 'Bình thường', 'Không hài lòng', 'Rất không hài lòng'. Cặp điều khiển và thuộc tính nào là phù hợp nhất để triển khai?
Các thẻ `<input type="radio">` với cùng thuộc tính `name` nhưng `value` khác nhau.
Các thẻ `<input type="checkbox">` với cùng thuộc tính `name` và `value` khác nhau.
Một thẻ `<select>` với thuộc tính `multiple`.
Các thẻ `<input type="text">` với thuộc tính `placeholder` khác nhau.
Câu hỏi là một bài toán áp dụng thực tế, yêu cầu chọn điều khiển cho lựa chọn đơn từ nhiều tùy chọn (radio button) và hiểu cách nhóm chúng lại bằng thuộc tính `name`.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 18: Xem xét đoạn mã HTML:
```html
```
Nếu người dùng nhập 'lập trình web' vào ô văn bản và nhấp 'Tìm kiếm', địa chỉ URL trên thanh địa chỉ trình duyệt sẽ có dạng gần giống như thế nào sau khi gửi?
/search?query=lập trình web
/search?query=lập+trình+web
/search/lập+trình+web
/search
Câu hỏi yêu cầu phân tích cách dữ liệu được gửi đi khi sử dụng phương thức `GET`. Dữ liệu được thêm vào URL dưới dạng query string (các cặp key=value sau dấu '?'). Khoảng trắng thường được mã hóa thành '+'.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 19: Tại sao việc sử dụng nút `` (không nằm trong thẻ `
` hoặc nằm trong form nhưng không phải type='submit' hay 'reset') thường cần kết hợp với JavaScript?
Để tự động gửi biểu mẫu khi nhấp vào.
Để thay đổi màu sắc của nút.
Vì nó không có hành động mặc định liên quan đến biểu mẫu và cần được lập trình để thực hiện chức năng nào đó.
Để trình duyệt hiển thị nút đúng cách.
Câu hỏi kiểm tra hiểu biết về chức năng mặc định của các loại nút. `` không có hành động mặc định nào liên quan đến biểu mẫu (như gửi hoặc reset). Do đó, cần dùng JavaScript để gán sự kiện (ví dụ: `onclick`) và xử lý hành động mong muốn.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 20: Bạn cần một trường nhập liệu cho phép người dùng chọn một ngày cụ thể (ví dụ: ngày sinh). Loại điều khiển `` hiện đại nào được thiết kế cho mục đích này, thường hiển thị lịch chọn ngày?
<input type="text">
<input type="calendar">
<input type="datetime">
<input type="date">
Câu hỏi kiểm tra kiến thức về các loại input `` chuyên biệt. `type='date'` được thiết kế để nhập ngày tháng và thường được trình duyệt hỗ trợ hiển thị giao diện chọn ngày thân thiện.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 21: Đâu là lợi ích chính của việc đặt các nút lệnh (như Gửi, Hủy) ở cuối biểu mẫu?
Giúp người dùng hoàn thành việc điền dữ liệu trước khi thực hiện hành động cuối cùng (gửi hoặc hủy).
Tăng tốc độ xử lý dữ liệu trên máy chủ.
Bắt buộc người dùng xem lại toàn bộ dữ liệu đã nhập.
Giảm thiểu khả năng người dùng bỏ qua các trường bắt buộc.
Câu hỏi kiểm tra hiểu biết về các nguyên tắc thiết kế giao diện người dùng cho biểu mẫu. Đặt nút lệnh ở cuối là quy ước phổ biến, giúp người dùng hoàn thành việc điền dữ liệu trước khi thực hiện hành động cuối cùng.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 22: Thuộc tính `required` có thể được thêm vào nhiều loại điều khiển `` (như `text`, `email`, `password`, `checkbox`, `radio`) để làm gì?
Đặt giá trị mặc định cho trường.
Tự động gửi biểu mẫu khi trường này được điền.
Yêu cầu người dùng phải điền hoặc chọn giá trị cho trường này trước khi gửi biểu mẫu.
Giới hạn số lượng ký tự có thể nhập.
Câu hỏi kiểm tra kiến thức về thuộc tính `required` và vai trò của nó trong việc kiểm tra dữ liệu phía client. Thuộc tính này yêu cầu người dùng phải nhập hoặc chọn giá trị cho trường đó trước khi biểu mẫu có thể được gửi đi.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 23: Bạn cần tạo một trường nhập liệu mà người dùng chỉ có thể nhập các số nguyên. Loại điều khiển `` nào là phù hợp nhất?
<input type="number">
<input type="text"> (kết hợp kiểm tra bằng JavaScript)
<input type="integer">
<input type="range">
Câu hỏi kiểm tra khả năng áp dụng loại input phù hợp cho dữ liệu số. `type='number'` được thiết kế cho việc nhập giá trị số và thường đi kèm với các nút tăng/giảm.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 24: Điều gì xảy ra khi người dùng nhấp vào một nút `` trong một biểu mẫu?
Chỉ làm mới trang web.
Lưu dữ liệu nhập vào trên máy tính của người dùng.
Xóa sạch dữ liệu đã nhập vào các trường.
Thu thập dữ liệu từ các trường nhập liệu và gửi chúng đến địa chỉ được chỉ định trong thuộc tính `action` của thẻ `<form>`.
Câu hỏi kiểm tra hiểu biết về chức năng cơ bản của nút submit. Nút submit có chức năng mặc định là thu thập dữ liệu từ tất cả các điều khiển trong form và gửi chúng đến URL được chỉ định trong thuộc tính `action` của thẻ `
` bằng phương thức được chỉ định trong thuộc tính `method`.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 25: Xem xét mục đích sử dụng, điểm khác biệt cơ bản nhất giữa `` và `` là gì?
Radio button chỉ dùng cho văn bản, checkbox dùng cho số.
Radio button cho phép chọn một mục duy nhất trong một nhóm, checkbox cho phép chọn nhiều mục.
Radio button hiển thị hình tròn, checkbox hiển thị hình vuông.
Radio button bắt buộc phải chọn, checkbox thì không.
Câu hỏi yêu cầu phân tích và so sánh hai loại điều khiển dựa trên chức năng cốt lõi của chúng. Radio buttons dùng cho lựa chọn đơn trong một nhóm, còn checkboxes dùng cho lựa chọn nhiều mục độc lập hoặc trong một nhóm.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 26: Để cải thiện trải nghiệm người dùng trên thiết bị di động khi nhập số điện thoại vào biểu mẫu, bạn nên sử dụng loại `` nào để bàn phím số tự động hiển thị?
<input type="tel">
<input type="number">
<input type="text">
<input type="phone">
Câu hỏi kiểm tra khả năng áp dụng kiến thức về các loại input chuyên biệt và tối ưu hóa cho thiết bị di động. `type='tel'` được thiết kế cho số điện thoại và thường kích hoạt bàn phím số trên thiết bị di động.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 27: Thuộc tính `name` của một điều khiển nhập liệu có thể chứa ký tự đặc biệt hoặc khoảng trắng không? Tại sao?
Có, để làm cho tên dễ đọc hơn.
Có, nhưng phải đặt trong dấu ngoặc kép.
Không, vì trình duyệt sẽ không hiển thị biểu mẫu.
Không nên sử dụng khoảng trắng và một số ký tự đặc biệt, vì chúng có thể gây lỗi hoặc yêu cầu mã hóa khi dữ liệu được gửi và xử lý trên máy chủ.
Câu hỏi yêu cầu phân tích quy tắc đặt tên trong HTML form và lý do kỹ thuật. Thuộc tính `name` được sử dụng để tạo cặp key-value khi gửi dữ liệu. Khoảng trắng và một số ký tự đặc biệt có thể gây khó khăn hoặc yêu cầu mã hóa khi xử lý dữ liệu trên máy chủ, do đó nên tránh.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 28: Khi tạo một biểu mẫu đơn giản chỉ để thu thập tên và tuổi người dùng, bạn cần ít nhất những thẻ HTML cơ bản nào để cấu trúc biểu mẫu và các trường nhập liệu?
Chỉ cần các thẻ `<input>`.
Thẻ `<form>` và các thẻ `<input>`.
Thẻ `<form>`, các thẻ `<input>` và thẻ `<button>`.
Thẻ `<form>`, các thẻ `<label>` và các thẻ `<input>`.
Câu hỏi kiểm tra kiến thức về cấu trúc tối thiểu của một biểu mẫu HTML. Cần thẻ `
` để bao quanh các điều khiển và ít nhất hai thẻ `` (một cho tên, một cho tuổi) với thuộc tính `type` và `name` phù hợp.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 29: Giả sử bạn có một danh sách các quốc gia trong thẻ `
value="selected"
checked
selected
default
Câu hỏi kiểm tra kiến thức về cách đặt giá trị mặc định cho danh sách lựa chọn (`
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 02
Câu 30: Tại sao việc kiểm tra dữ liệu nhập vào biểu mẫu (validation) ở cả phía trình duyệt (client-side) và phía máy chủ (server-side) đều quan trọng?
Kiểm tra client giúp phản hồi nhanh cho người dùng, kiểm tra server đảm bảo an toàn và tính toàn vẹn dữ liệu.
Chỉ cần kiểm tra client là đủ cho hầu hết các trường hợp.
Kiểm tra server chỉ dùng để định dạng dữ liệu, không phải để xác thực.
Kiểm tra client làm chậm quá trình gửi dữ liệu.
Câu hỏi kiểm tra khả năng phân tích lý do kỹ thuật của việc kiểm tra dữ liệu. Kiểm tra phía client giúp phản hồi nhanh cho người dùng và giảm tải cho server, nhưng kiểm tra phía server là bắt buộc để đảm bảo an toàn và tính toàn vẹn của dữ liệu, vì kiểm tra client có thể bị bỏ qua.
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 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 03
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 03 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Khi thiết kế một biểu mẫu trên trang web để người dùng nhập địa chỉ email, loại điều khiển nhập liệu nào trong HTML `` là phù hợp nhất để đảm bảo định dạng email được kiểm tra sơ bộ ngay trên trình duyệt?
A.
B.
C.
D.
Câu 2: Bạn cần tạo một nhóm các tùy chọn (ví dụ: chọn màu sắc yêu thích) mà người dùng chỉ được phép chọn duy nhất một tùy chọn. Điều khiển nhập liệu nào trong HTML `` là lựa chọn chính xác cho tình huống này, và thuộc tính nào cần giống nhau giữa các tùy chọn trong nhóm?
A. Nút chọn (`type=
B. Hộp kiểm (`type=
C. Ô văn bản (`type=
D. Nút lệnh (`type=
Câu 3: Xem xét đoạn mã HTML sau cho một phần của biểu mẫu:
```html
A. Định dạng kiểu chữ cho nhãn.
B. Liên kết nhãn "Tên đăng nhập:" với ô nhập liệu có `id=
C. Xác định dữ liệu được gửi về máy chủ cho ô nhập liệu này.
D. Đặt văn bản mặc định bên trong ô nhập liệu trước khi người dùng nhập.
Câu 4: Bạn muốn thêm một trường nhập liệu vào biểu mẫu để người dùng có thể nhập một đoạn văn bản dài, có thể xuống dòng (ví dụ: phần "Ghi chú" hoặc "Nội dung tin nhắn"). Thẻ HTML nào là lựa chọn tốt nhất cho mục đích này?
A.
B.
C.
D.
Câu 5: Trong thẻ `
A. Chỉ định địa chỉ URL để gửi dữ liệu biểu mẫu đến.
B. Xác định phương thức gửi dữ liệu (GET hoặc POST).
C. Đặt tên cho biểu mẫu để dễ quản lý.
D. Xác định cách hiển thị biểu mẫu trên trang web.
Câu 6: Sự khác biệt cơ bản giữa `method=
A. GET dùng để gửi dữ liệu, POST dùng để nhận dữ liệu.
B. GET gửi dữ liệu trong phần thân yêu cầu, POST gửi dữ liệu trong URL.
C. GET gửi dữ liệu trong URL, POST gửi dữ liệu trong phần thân yêu cầu.
D. GET mã hóa dữ liệu, POST không mã hóa dữ liệu.
Câu 7: Bạn cần tạo một nút trên biểu mẫu mà khi nhấp vào, nó sẽ xóa sạch tất cả dữ liệu đã nhập trong các trường của biểu mẫu về trạng thái ban đầu. Loại `` nào sẽ thực hiện chức năng này?
A.
B.
C.
D.
Câu 8: Xem xét đoạn mã HTML:
```html
A. Chỉ một mục duy nhất.
B. Tối đa hai mục.
C. Nhiều mục (có thể chọn cả ba).
D. Không thể chọn được mục nào vì thuộc tính `name` giống nhau.
Câu 9: Thuộc tính `placeholder` trong thẻ `
A. Đặt giá trị mặc định sẽ được gửi nếu người dùng không nhập gì.
B. Hiển thị văn bản gợi ý bên trong ô nhập liệu khi ô đó trống.
C. Đặt nhãn cho ô nhập liệu.
D. Giới hạn số lượng ký tự tối đa có thể nhập.
Câu 10: Khi người dùng nhấp vào nút được tạo bởi `
A. Gửi dữ liệu từ biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`.
B. Xóa tất cả dữ liệu đã nhập trong biểu mẫu.
C. Lưu dữ liệu biểu mẫu vào bộ nhớ tạm của trình duyệt.
D. Tải lại trang web hiện tại.
Câu 11: Bạn đang xây dựng một biểu mẫu đăng ký và muốn người dùng nhập mật khẩu. Loại `` nào nên sử dụng để các ký tự nhập vào được che khuất (ví dụ: hiển thị dấu chấm hoặc dấu sao) vì lý do bảo mật khi người khác nhìn vào màn hình?
A.
B.
C.
D.
Câu 12: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một mục từ nhiều lựa chọn (ví dụ: chọn Tỉnh/Thành phố), bạn cần sử dụng kết hợp các thẻ HTML nào?
A.
B. và
C. và
D.
Câu 13: Thuộc tính `value` trong thẻ `
A. Đặt giá trị mặc định cho ô nhập liệu khi trang web tải.
B. Xác định tên của điều khiển để gửi dữ liệu.
C. Hiển thị văn bản gợi ý bên trong ô nhập liệu.
D. Giới hạn số ký tự tối đa cho phép nhập.
Câu 14: Bạn muốn tạo một nút chỉ dùng để thực hiện một hành động nào đó thông qua JavaScript (ví dụ: hiển thị thông báo), chứ không phải để gửi dữ liệu biểu mẫu hay đặt lại biểu mẫu. Loại `
A.
Câu 15: Khi thiết kế biểu mẫu, việc nhóm các điều khiển nhập liệu có liên quan lại với nhau (ví dụ: thông tin cá nhân, thông tin liên hệ) bằng cách sử dụng thẻ `
Câu 16: Thuộc tính `required` có thể được thêm vào nhiều loại thẻ `` (như `text`, `email`, `password`, `checkbox`, `radio`, etc.). Mục đích của thuộc tính này là gì?
A. Đặt giá trị mặc định cho trường nhập liệu.
B. Đánh dấu trường này là quan trọng.
C. Giới hạn số ký tự tối đa được phép nhập.
D. Yêu cầu người dùng phải nhập dữ liệu vào trường này.
Câu 17: Khi sử dụng thẻ `
A. checked
B. selected
C. value
D. default
Câu 18: Bạn muốn tạo một ô nhập liệu số lượng sản phẩm, chỉ cho phép nhập số nguyên dương. Loại `` nào là phù hợp nhất và thuộc tính nào có thể giúp xác định giá trị tối thiểu và tối đa cho phép?
A. type=
B. type=
C. type=
D. type=
Câu 19: Tại sao việc đặt thuộc tính `name` cho các điều khiển nhập liệu trong biểu mẫu là cực kỳ quan trọng nếu bạn muốn xử lý dữ liệu đó ở phía máy chủ?
A. Để trình duyệt biết cách hiển thị điều khiển.
B. Để liên kết nhãn với điều khiển (sử dụng thuộc tính `for`).
C. Để máy chủ có thể nhận dạng và truy cập dữ liệu từ điều khiển đó.
D. Để áp dụng các kiểu định dạng CSS cho điều khiển.
Câu 20: Bạn muốn người dùng nhập một ngày cụ thể (ví dụ: ngày sinh) vào biểu mẫu. Loại `` nào cung cấp giao diện chọn ngày tiện lợi (thường là lịch) trên hầu hết các trình duyệt hiện đại?
A.
B.
C.
D.
Câu 21: Xem xét một biểu mẫu yêu cầu người dùng tải lên một tập tin (ví dụ: ảnh đại diện). Loại `` nào được sử dụng cho chức năng này?
A.
B.
C.
D.
Câu 22: Khi thiết kế bố cục biểu mẫu, nguyên tắc chung nào về vị trí của các nút lệnh (như Gửi, Hủy) thường được khuyến nghị để người dùng dễ dàng thao tác sau khi hoàn thành việc nhập liệu?
A. Ở đầu biểu mẫu, trước tất cả các trường nhập liệu.
B. Ở cuối biểu mẫu, sau tất cả các trường nhập liệu.
C. Ở bên phải của mỗi trường nhập liệu tương ứng.
D. Ở giữa biểu mẫu, tách biệt với các trường nhập liệu.
Câu 23: Bạn muốn tạo một trường nhập liệu có một danh sách các giá trị gợi ý sẵn (autocomplete), nhưng người dùng vẫn có thể nhập một giá trị khác nếu muốn. Sự kết hợp của các thẻ/thuộc tính nào trong HTML5 cho phép làm điều này?
A.
B.
C.
D. với thuộc tính `list` và thẻ `
Câu 24: Thuộc tính `maxlength` trong thẻ `
A. Giới hạn số lượng ký tự tối đa có thể nhập vào ô.
B. Xác định chiều rộng hiển thị của ô nhập liệu.
C. Đặt giá trị mặc định có độ dài tối đa.
D. Yêu cầu người dùng nhập đủ số ký tự tối thiểu.
Câu 25: Khi thiết kế một biểu mẫu, tại sao việc sử dụng các loại điều khiển nhập liệu phù hợp với loại dữ liệu cần thu thập lại quan trọng (ví dụ: dùng `type=
A. Để làm cho mã HTML ngắn gọn hơn.
B. Để dữ liệu luôn được mã hóa trước khi gửi.
C. Cải thiện trải nghiệm người dùng, hỗ trợ kiểm tra dữ liệu và tăng tính ngữ nghĩa.
D. Chỉ là vấn đề thẩm mỹ, không ảnh hưởng đến chức năng.
Câu 26: Một ô nhập liệu có thuộc tính `readonly`. Điều này có ý nghĩa gì đối với người dùng khi tương tác với biểu mẫu?
A. Trường này bị ẩn hoàn toàn khỏi người dùng.
B. Trường này không bắt buộc phải nhập dữ liệu.
C. Trường này bị vô hiệu hóa và dữ liệu sẽ không được gửi đi.
D. Người dùng có thể xem giá trị nhưng không thể chỉnh sửa hoặc nhập liệu.
Câu 27: Trong một biểu mẫu, bạn có một nhóm các nút chọn (radio button) với cùng thuộc tính `name=
A. gender=female, gender=male, gender=other
B. gender=female
C. female
D. gender
Câu 28: Bạn muốn một ô nhập liệu văn bản (`
A. placeholder
B. default
C. value
D. initial
Câu 29: Tại sao việc sử dụng thuộc tính `id` và liên kết nó với thuộc tính `for` của thẻ `` được coi là một thực hành tốt trong thiết kế biểu mẫu web?
A. Cải thiện khả năng truy cập (accessibility) và giúp người dùng dễ dàng tương tác với các trường nhập liệu.
B. Giúp dữ liệu được gửi về máy chủ nhanh hơn.
C. Bắt buộc phải có để biểu mẫu hoạt động.
D. Chỉ ảnh hưởng đến màu sắc và kiểu chữ của nhãn.
Câu 30: Trong các thành phần cơ bản của HTML để tạo biểu mẫu, thẻ `
` có vai trò gì là cốt lõi?
A. Tạo ra một nút để gửi dữ liệu.
B. Định nghĩa một ô nhập liệu văn bản.
C. Hiển thị tiêu đề cho biểu mẫu.
D. Xác định một khu vực chứa các điều khiển nhập liệu và cách xử lý dữ liệu khi gửi.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 1: Khi thiết kế một biểu mẫu trên trang web để người dùng nhập địa chỉ email, loại điều khiển nhập liệu nào trong HTML `` là phù hợp nhất để đảm bảo định dạng email được kiểm tra sơ bộ ngay trên trình duyệt?
<input type="text">
<input type="url">
<input type="email">
<input type="checkbox">
Loại `type="email"` của thẻ `` được thiết kế đặc biệt để nhận địa chỉ email và cung cấp tính năng kiểm tra định dạng cơ bản (client-side validation) ngay trên trình duyệt trước khi 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 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 2: Bạn cần tạo một nhóm các tùy chọn (ví dụ: chọn màu sắc yêu thích) mà người dùng chỉ được phép chọn *duy nhất một* tùy chọn. Điều khiển nhập liệu nào trong HTML `` là lựa chọn chính xác cho tình huống này, và thuộc tính nào cần giống nhau giữa các tùy chọn trong nhóm?
Nút chọn (`type="radio"`), thuộc tính `name`.
Hộp kiểm (`type="checkbox"`), thuộc tính `value`.
Ô văn bản (`type="text"`), thuộc tính `id`.
Nút lệnh (`type="submit"`), thuộc tính `type`.
Nút chọn (radio button, `type="radio"`) được sử dụng khi chỉ cho phép chọn một mục duy nhất từ một nhóm. Để các nút chọn hoạt động như một nhóm (chỉ một được chọn tại một thời điểm), chúng phải có cùng giá trị thuộc tính `name`.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 3: Xem xét đoạn mã HTML sau cho một phần của biểu mẫu:
```html Tên đăng nhập:
```
Thuộc tính `for="username"` trong thẻ `` có tác dụng gì?
Định dạng kiểu chữ cho nhãn.
Liên kết nhãn 'Tên đăng nhập:' với ô nhập liệu có `id="username"`.
Xác định dữ liệu được gửi về máy chủ cho ô nhập liệu này.
Đặt văn bản mặc định bên trong ô nhập liệu trước khi người dùng nhập.
Thuộc tính `for` trong thẻ `` được sử dụng để liên kết nhãn (``) với một điều khiển nhập liệu cụ thể (thường là ``) thông qua giá trị `id` của điều khiển đó. Việc này cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng (khi nhấp vào nhãn, điều khiển liên kết sẽ được focus).
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 4: Bạn muốn thêm một trường nhập liệu vào biểu mẫu để người dùng có thể nhập một đoạn văn bản dài, có thể xuống dòng (ví dụ: phần 'Ghi chú' hoặc 'Nội dung tin nhắn'). Thẻ HTML nào là lựa chọn tốt nhất cho mục đích này?
<input type="text">
<input type="textarea">
<input type="paragraph">
<textarea>
Thẻ `
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 5: Trong thẻ `
`, thuộc tính `action` có vai trò gì?
Chỉ định địa chỉ URL để gửi dữ liệu biểu mẫu đến.
Xác định phương thức gửi dữ liệu (GET hoặc POST).
Đặt tên cho biểu mẫu để dễ quản lý.
Xác định cách hiển thị biểu mẫu trên trang web.
Thuộc tính `action` của thẻ `
` chỉ định URL (địa chỉ) của tập tin hoặc chương trình trên máy chủ sẽ nhận và xử lý dữ liệu khi biểu mẫu được gửi đi.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 6: Sự khác biệt cơ bản giữa `method="get"` và `method="post"` trong thuộc tính `method` của thẻ `
` là gì?
GET dùng để gửi dữ liệu, POST dùng để nhận dữ liệu.
GET gửi dữ liệu trong phần thân yêu cầu, POST gửi dữ liệu trong URL.
GET gửi dữ liệu trong URL, POST gửi dữ liệu trong phần thân yêu cầu.
GET mã hóa dữ liệu, POST không mã hóa dữ liệu.
`method="get"` gửi dữ liệu dưới dạng các tham số trong URL (hiển thị trên thanh địa chỉ), giới hạn lượng dữ liệu và không phù hợp cho dữ liệu nhạy cảm. `method="post"` gửi dữ liệu trong phần thân (body) của yêu cầu HTTP, không hiển thị trên URL, phù hợp với lượng dữ liệu lớn hơn và dữ liệu nhạy cảm.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 7: Bạn cần tạo một nút trên biểu mẫu mà khi nhấp vào, nó sẽ xóa sạch tất cả dữ liệu đã nhập trong các trường của biểu mẫu về trạng thái ban đầu. Loại `` nào sẽ thực hiện chức năng này?
<input type="submit">
<input type="button">
<input type="clear">
<input type="reset">
Loại `type="reset"` của thẻ `` tạo ra một nút có chức năng mặc định là đặt lại (xóa) tất cả các trường trong biểu mẫu về giá trị ban đầu của chúng.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 8: Xem xét đoạn mã HTML:
```html
Thể thao
Âm nhạc
Đọc sách
```
Với cấu trúc này, người dùng có thể chọn bao nhiêu mục trong nhóm 'hobby'?
Chỉ một mục duy nhất.
Tối đa hai mục.
Nhiều mục (có thể chọn cả ba).
Không thể chọn được mục nào vì thuộc tính `name` giống nhau.
Hộp kiểm (`type="checkbox"`) cho phép người dùng chọn *nhiều* mục cùng lúc từ một danh sách các tùy chọn, bất kể thuộc tính `name` có giống nhau hay không (mặc dù việc đặt cùng `name` là phổ biến để nhóm logic các lựa chọn).
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 9: Thuộc tính `placeholder` trong thẻ `` có tác dụng gì về mặt hiển thị trên giao diện biểu mẫu?
Đặt giá trị mặc định sẽ được gửi nếu người dùng không nhập gì.
Hiển thị văn bản gợi ý bên trong ô nhập liệu khi ô đó trống.
Đặt nhãn cho ô nhập liệu.
Giới hạn số lượng ký tự tối đa có thể nhập.
Thuộc tính `placeholder` hiển thị một văn bản gợi ý hoặc hướng dẫn bên trong ô nhập liệu khi ô đó trống. Văn bản này sẽ biến mất ngay khi người dùng bắt đầu nhập liệu.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 10: Khi người dùng nhấp vào nút được tạo bởi `` hoặc `` nằm trong một thẻ `
`, hành động mặc định xảy ra là gì?
Gửi dữ liệu từ biểu mẫu đến địa chỉ được chỉ định trong thuộc tính `action`.
Xóa tất cả dữ liệu đã nhập trong biểu mẫu.
Lưu dữ liệu biểu mẫu vào bộ nhớ tạm của trình duyệt.
Tải lại trang web hiện tại.
Chức năng mặc định của nút submit là thu thập tất cả dữ liệu từ các điều khiển trong biểu mẫu và gửi chúng đến địa chỉ URL được chỉ định trong thuộc tính `action` của thẻ `
`, sử dụng phương thức được chỉ định trong thuộc tính `method`.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 11: Bạn đang xây dựng một biểu mẫu đăng ký và muốn người dùng nhập mật khẩu. Loại `` nào nên sử dụng để các ký tự nhập vào được che khuất (ví dụ: hiển thị dấu chấm hoặc dấu sao) vì lý do bảo mật khi người khác nhìn vào màn hình?
<input type="text">
<input type="password">
<input type="hidden">
<input type="secret">
Loại `type="password"` của thẻ `` được sử dụng cho các trường nhập mật khẩu. Trình duyệt sẽ tự động che khuất các ký tự người dùng nhập vào bằng dấu chấm hoặc dấu sao để bảo vệ tính riêng tư.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
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 mục từ nhiều lựa chọn (ví dụ: chọn Tỉnh/Thành phố), bạn cần sử dụng kết hợp các thẻ HTML nào?
<input type="list"> và <item>
<radio> và <option>
<checkbox> và <item>
<select> và <option>
Danh sách thả xuống được tạo bằng cách sử dụng thẻ `
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 13: Thuộc tính `value` trong thẻ `` có thể được sử dụng để làm gì?
Đặt giá trị mặc định cho ô nhập liệu khi trang web tải.
Xác định tên của điều khiển để gửi dữ liệu.
Hiển thị văn bản gợi ý bên trong ô nhập liệu.
Giới hạn số ký tự tối đa cho phép nhập.
Thuộc tính `value` của `` đặt giá trị mặc định ban đầu cho ô nhập liệu. Khi biểu mẫu được gửi, giá trị này (hoặc giá trị người dùng đã thay đổi) sẽ được gửi đi cùng với tên của điều khiển.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 14: Bạn muốn tạo một nút chỉ dùng để thực hiện một hành động nào đó thông qua JavaScript (ví dụ: hiển thị thông báo), chứ không phải để gửi dữ liệu biểu mẫu hay đặt lại biểu mẫu. Loại `` nào phù hợp nhất?
<button type="submit">
<button type="reset">
<button type="button">
<button type="action">
Thẻ `` tạo ra một nút không có hành động mặc định liên quan đến biểu mẫu (như submit hoặc reset). Nó thường được sử dụng để kích hoạt các script phía client (JavaScript).
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 15: Khi thiết kế biểu mẫu, việc nhóm các điều khiển nhập liệu có liên quan lại với nhau (ví dụ: thông tin cá nhân, thông tin liên hệ) bằng cách sử dụng thẻ `
Cải thiện cấu trúc và khả năng truy cập (accessibility) của biểu mẫu.
Giảm số lượng dữ liệu người dùng phải nhập.
Tăng tốc độ gửi dữ liệu về máy chủ.
Ngăn người dùng nhập sai định dạng dữ liệu.
Thẻ `
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 16: Thuộc tính `required` có thể được thêm vào nhiều loại thẻ `` (như `text`, `email`, `password`, `checkbox`, `radio`, etc.). Mục đích của thuộc tính này là gì?
Đặt giá trị mặc định cho trường nhập liệu.
Đánh dấu trường này là quan trọng.
Giới hạn số ký tự tối đa được phép nhập.
Yêu cầu người dùng phải nhập dữ liệu vào trường này.
Thuộc tính `required` là một thuộc tính boolean. Khi được thêm vào một điều khiển nhập liệu, nó yêu cầu người dùng phải nhập dữ liệu hoặc chọn một tùy chọn vào điều khiển đó trước khi biểu mẫu có thể được gửi đi. Trình duyệt sẽ tự động kiểm tra và hiển thị thông báo nếu trường bắt buộc bị bỏ trống.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 17: Khi sử dụng thẻ `
checked
selected
value
default
Thuộc tính `selected` (thuộc tính boolean) được thêm vào thẻ `
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 18: Bạn muốn tạo một ô nhập liệu số lượng sản phẩm, chỉ cho phép nhập số nguyên dương. Loại `` nào là phù hợp nhất và thuộc tính nào có thể giúp xác định giá trị tối thiểu và tối đa cho phép?
type="number", thuộc tính `min` và `max`.
type="text", thuộc tính `pattern`.
type="range", thuộc tính `from` và `to`.
type="integer", thuộc tính `lower` và `upper`.
Loại `type="number"` được sử dụng cho các trường nhập số. Thuộc tính `min` và `max` cho phép xác định phạm vi giá trị số hợp lệ (ví dụ: `min="1"` để chỉ cho phép số nguyên dương).
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 19: Tại sao việc đặt thuộc tính `name` cho các điều khiển nhập liệu trong biểu mẫu là cực kỳ quan trọng nếu bạn muốn xử lý dữ liệu đó ở phía máy chủ?
Để trình duyệt biết cách hiển thị điều khiển.
Để liên kết nhãn với điều khiển (sử dụng thuộc tính `for`).
Để máy chủ có thể nhận dạng và truy cập dữ liệu từ điều khiển đó.
Để áp dụng các kiểu định dạng CSS cho điều khiển.
Thuộc tính `name` cung cấp tên định danh cho mỗi điều khiển nhập liệu. Khi biểu mẫu được gửi, dữ liệu từ mỗi điều khiển sẽ được gửi dưới dạng cặp `name=value`. Chương trình xử lý dữ liệu ở phía máy chủ (ví dụ: PHP, Python, Java) sử dụng tên này để nhận dạng và truy cập giá trị cụ thể mà người dùng đã nhập hoặc chọn.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 20: Bạn muốn người dùng nhập một ngày cụ thể (ví dụ: ngày sinh) vào biểu mẫu. Loại `` nào cung cấp giao diện chọn ngày tiện lợi (thường là lịch) trên hầu hết các trình duyệt hiện đại?
<input type="date">
<input type="datetime">
<input type="calendar">
<input type="text"> với kiểm tra định dạng.
Loại `type="date"` của thẻ `` được thiết kế để nhập ngày tháng. Trình duyệt thường cung cấp một giao diện lịch đồ họa để người dùng dễ dàng chọn ngày.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 21: Xem xét một biểu mẫu yêu cầu người dùng tải lên một tập tin (ví dụ: ảnh đại diện). Loại `` nào được sử dụng cho chức năng này?
<input type="upload">
<input type="document">
<input type="attachment">
<input type="file">
Loại `type="file"` của thẻ `` tạo ra một điều khiển cho phép người dùng chọn một hoặc nhiều tập tin từ máy tính của họ để tải lên máy chủ.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 22: Khi thiết kế bố cục biểu mẫu, nguyên tắc chung nào về vị trí của các nút lệnh (như Gửi, Hủy) thường được khuyến nghị để người dùng dễ dàng thao tác sau khi hoàn thành việc nhập liệu?
Ở đầu biểu mẫu, trước tất cả các trường nhập liệu.
Ở cuối biểu mẫu, sau tất cả các trường nhập liệu.
Ở bên phải của mỗi trường nhập liệu tương ứng.
Ở giữa biểu mẫu, tách biệt với các trường nhập liệu.
Theo các nguyên tắc thiết kế giao diện người dùng phổ biến, các nút lệnh hành động chính (như gửi, lưu, hủy) thường được đặt ở cuối biểu mẫu, sau tất cả các trường nhập liệu, để người dùng có thể dễ dàng hoàn tất quá trình sau khi đã điền đầy đủ thông tin.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 23: Bạn muốn tạo một trường nhập liệu có một danh sách các giá trị gợi ý sẵn (autocomplete), nhưng người dùng vẫn có thể nhập một giá trị khác nếu muốn. Sự kết hợp của các thẻ/thuộc tính nào trong HTML5 cho phép làm điều này?
<input type="text"> và thuộc tính `suggestions`.
<select> với thuộc tính `editable`.
<input type="autocomplete"> và <item>
<input> với thuộc tính `list` và thẻ `<datalist>` chứa các `<option>`.
Để tạo chức năng gợi ý cho một trường ``, bạn sử dụng thẻ `
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 24: Thuộc tính `maxlength` trong thẻ `` có tác dụng gì?
Giới hạn số lượng ký tự tối đa có thể nhập vào ô.
Xác định chiều rộng hiển thị của ô nhập liệu.
Đặt giá trị mặc định có độ dài tối đa.
Yêu cầu người dùng nhập đủ số ký tự tối thiểu.
Thuộc tính `maxlength` giới hạn số lượng ký tự tối đa mà người dùng có thể nhập vào ô nhập liệu. Nó giúp kiểm soát độ dài của dữ liệu nhập vào.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 25: Khi thiết kế một biểu mẫu, tại sao việc sử dụng các loại điều khiển nhập liệu phù hợp với loại dữ liệu cần thu thập lại quan trọng (ví dụ: dùng `type="number"` cho số, `type="email"` cho email)?
Để làm cho mã HTML ngắn gọn hơn.
Để dữ liệu luôn được mã hóa trước khi gửi.
Cải thiện trải nghiệm người dùng, hỗ trợ kiểm tra dữ liệu và tăng tính ngữ nghĩa.
Chỉ là vấn đề thẩm mỹ, không ảnh hưởng đến chức năng.
Việc sử dụng đúng loại điều khiển nhập liệu giúp cải thiện trải nghiệm người dùng (ví dụ: bàn phím số hiển thị trên thiết bị di động cho `type="number"`), cung cấp kiểm tra dữ liệu sơ bộ ngay trên trình duyệt (validation), và giúp trình duyệt cũng như các công nghệ hỗ trợ hiểu rõ hơn về mục đích của trường nhập liệu.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 26: Một ô nhập liệu có thuộc tính `readonly`. Điều này có ý nghĩa gì đối với người dùng khi tương tác với biểu mẫu?
Trường này bị ẩn hoàn toàn khỏi người dùng.
Trường này không bắt buộc phải nhập dữ liệu.
Trường này bị vô hiệu hóa và dữ liệu sẽ không được gửi đi.
Người dùng có thể xem giá trị nhưng không thể chỉnh sửa hoặc nhập liệu.
Thuộc tính `readonly` làm cho trường nhập liệu chỉ có thể đọc, nghĩa là người dùng có thể thấy giá trị của nó nhưng không thể thay đổi hoặc nhập liệu vào đó. Dữ liệu trong trường `readonly` vẫn được gửi về máy chủ khi biểu mẫu được submit.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 27: Trong một biểu mẫu, bạn có một nhóm các nút chọn (radio button) với cùng thuộc tính `name="gender"` và các thuộc tính `value` khác nhau ("male", "female", "other"). Khi người dùng chọn "female" và gửi biểu mẫu, dữ liệu nào sẽ được gửi về máy chủ cho nhóm này?
gender=female, gender=male, gender=other
gender=female
female
gender
Khi một nút chọn trong một nhóm được chọn, cặp `name=value` của *nút chọn được chọn đó* sẽ được gửi về máy chủ. Trong trường hợp này, `name` là "gender" và `value` của nút "female" là "female".
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 28: Bạn muốn một ô nhập liệu văn bản (``) hiển thị một giá trị ban đầu mà người dùng có thể thay đổi. Thuộc tính nào được sử dụng để thiết lập giá trị ban đầu này?
placeholder
default
value
initial
Thuộc tính `value` được sử dụng để đặt giá trị mặc định cho các loại input như `text`, `password`, `number`, `email`, v.v. Giá trị này sẽ xuất hiện trong ô nhập liệu khi trang tải và người dùng có thể thay đổi nó.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 29: Tại sao việc sử dụng thuộc tính `id` và liên kết nó với thuộc tính `for` của thẻ `` được coi là một thực hành tốt trong thiết kế biểu mẫu web?
Cải thiện khả năng truy cập (accessibility) và giúp người dùng dễ dàng tương tác với các trường nhập liệu.
Giúp dữ liệu được gửi về máy chủ nhanh hơn.
Bắt buộc phải có để biểu mẫu hoạt động.
Chỉ ảnh hưởng đến màu sắc và kiểu chữ của nhãn.
Việc liên kết nhãn với điều khiển nhập liệu bằng `for` và `id` mang lại nhiều lợi ích: 1. 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. 2. Cho phép người dùng nhấp vào nhãn để focus vào trường nhập liệu tương ứng, giúp việc tương tác dễ dàng hơn, đặc biệt trên thiết bị di động hoặc với các điều khiển nhỏ như radio/checkbox.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 03
Câu 30: Trong các thành phần cơ bản của HTML để tạo biểu mẫu, thẻ `
` có vai trò gì là cốt lõi?
Tạo ra một nút để gửi dữ liệu.
Định nghĩa một ô nhập liệu văn bản.
Hiển thị tiêu đề cho biểu mẫu.
Xác định một khu vực chứa các điều khiển nhập liệu và cách xử lý dữ liệu khi gửi.
Thẻ `
` là thẻ chứa chính cho tất cả các điều khiển nhập liệu và nút lệnh của biểu mẫu. Nó định nghĩa khu vực biểu mẫu và chứa các thuộc tính quan trọng (`action`, `method`) xác định cách dữ liệu sẽ được xử lý khi biểu mẫu được gửi đi.
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 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 04
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 04 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong thiết kế biểu mẫu web, bạn cần một trường để người dùng nhập địa chỉ email. Điều khiển nhập liệu (input control) nào là phù hợp nhất để sử dụng, đồng thời cung cấp tính năng kiểm tra định dạng cơ bản trên trình duyệt?
A.
B.
C.
D.
Câu 2: Khi thiết kế một biểu mẫu khảo sát ý kiến, bạn muốn người dùng chọn một duy nhất trong số các phương án A, B, C, D. Bạn nên sử dụng loại điều khiển nào và cần đảm bảo thuộc tính nào giống nhau giữa các tùy chọn để nhóm chúng lại?
A. Nút chọn (radio button) và thuộc tính name phải giống nhau.
B. Hộp kiểm (checkbox) và thuộc tính name phải giống nhau.
C. Nút chọn (radio button) và thuộc tính value phải giống nhau.
D. Hộp kiểm (checkbox) và thuộc tính id phải giống nhau.
Câu 3: Xét đoạn mã HTML sau cho một phần biểu mẫu:
```html
A. Xác định dữ liệu mặc định sẽ được gửi đi.
B. Đặt tên cho điều khiển để xử lý dữ liệu trên máy chủ.
C. Liên kết nhãn "Họ và tên:" với điều khiển `` có `id` là "ho_ten", giúp khi nhấn vào nhãn thì con trỏ sẽ nhảy vào ô nhập liệu tương ứng.
D. Chỉ định kiểu dữ liệu mà người dùng được phép nhập vào ô văn bản.
Câu 4: Bạn đang xây dựng một biểu mẫu đăng ký. Khi người dùng hoàn thành việc nhập thông tin và nhấn nút "Đăng ký", dữ liệu cần được gửi đến một tập tin xử lý trên máy chủ có tên là `process_signup.php`. Thuộc tính nào của thẻ `
` sẽ được sử dụng để chỉ định địa chỉ của tập tin xử lý này?
A. action
B. method
C. name
D. id
Câu 5: Xét hai phương thức gửi dữ liệu biểu mẫu phổ biến là GET và POST. Trong trường hợp nào bạn nên ưu tiên sử dụng phương thức POST để gửi dữ liệu?
A. Khi gửi dữ liệu không nhạy cảm và muốn người dùng có thể đánh dấu trang kết quả.
B. Khi gửi dữ liệu rất nhỏ và không quan trọng về bảo mật.
C. Khi muốn dữ liệu hiển thị rõ trên thanh địa chỉ của trình duyệt.
D. Khi gửi dữ liệu nhạy cảm (như mật khẩu) hoặc dữ liệu có kích thước lớn.
Câu 6: Bạn muốn thêm một ô nhập liệu cho phép người dùng nhập một đoạn văn bản dài (ví dụ: phần "Ghi chú" trong đơn đặt hàng). Điều khiển HTML nào phù hợp nhất cho mục đích này?
A.
B.
C.
D.
Câu 7: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một tỉnh/thành phố, bạn sẽ sử dụng kết hợp các thẻ HTML nào?
A. và
B. và
C.
D.
Câu 8: Bạn muốn một trường nhập liệu (ví dụ: số lượng sản phẩm) phải được người dùng điền vào trước khi gửi biểu mẫu. Thuộc tính HTML5 nào giúp thực hiện yêu cầu này mà không cần viết mã JavaScript?
A. validate
B. required
C. mandatory
D. not-empty
Câu 9: Xét đoạn mã HTML sau:
```html
A. Làm cho hộp kiểm "Thể thao" được chọn sẵn khi trang web hiển thị biểu mẫu.
B. Đánh dấu hộp kiểm "Thể thao" là bắt buộc phải chọn.
C. Xác định giá trị "sport" sẽ được gửi đi khi người dùng nhấn nút gửi.
D. Thiết lập tên nhóm cho các hộp kiểm.
Câu 10: Trong thiết kế biểu mẫu, tại sao việc sử dụng thuộc tính `name` cho các điều khiển nhập liệu là quan trọng?
A. Để điều khiển đó hiển thị nhãn (label) trên giao diện.
B. Để xác định kiểu dữ liệu mà người dùng được phép nhập.
C. Để áp dụng các kiểu định dạng CSS cho điều khiển đó.
D. Để xác định tên của điều khiển khi dữ liệu biểu mẫu được gửi đến máy chủ, giúp máy chủ xử lý dữ liệu chính xác.
Câu 11: Bạn muốn tạo một nút "Hủy" trên biểu mẫu, mà khi người dùng nhấn vào đó, tất cả các trường đã nhập sẽ được xóa sạch và khôi phục về trạng thái ban đầu của biểu mẫu. Loại `` nào phù hợp cho nút này?
A.
B.
C.
D.
Câu 12: Khi thiết kế một biểu mẫu có nhiều phần liên quan (ví dụ: Thông tin cá nhân, Thông tin liên hệ), việc nhóm các trường nhập liệu tương ứng lại với nhau bằng thẻ `
Câu 13: Bạn muốn người dùng nhập mật khẩu. Loại `` nào nên được sử dụng để che đi ký tự khi người dùng gõ, tăng tính bảo mật cục bộ?
A.
B.
C.
D.
Câu 14: Xét đoạn mã HTML cho một nút gửi:
```html
A. Xác định văn bản hiển thị trên nút gửi.
B. Xác định dữ liệu sẽ được gửi đi khi nút được nhấn.
C. Xác định tên của nút gửi khi dữ liệu được xử lý.
D. Đặt giá trị mặc định cho trường nhập liệu liên quan.
Câu 15: Bạn cần một trường cho phép người dùng chọn một ngày từ lịch. Loại `` nào trong HTML5 hỗ trợ trực tiếp chức năng này?
A.
B.
C.
D.
Câu 16: Trong một biểu mẫu tìm kiếm đơn giản, phương thức gửi dữ liệu (method) nào thường được ưu tiên sử dụng và tại sao?
A. GET, vì dữ liệu không nhạy cảm và kết quả có thể được đánh dấu trang (bookmark) hoặc chia sẻ qua URL.
B. POST, vì nó an toàn hơn và không có giới hạn về kích thước dữ liệu.
C. GET, vì nó gửi dữ liệu nhanh hơn POST.
D. POST, vì nó ẩn dữ liệu tìm kiếm khỏi thanh địa chỉ.
Câu 17: Bạn muốn thêm một ô nhập liệu cho phép người dùng nhập một số điện thoại. Mặc dù `
A.
B.
C.
D.
Câu 18: Xét một biểu mẫu đăng nhập chỉ có hai trường: Tên đăng nhập và Mật khẩu, cùng với một nút "Đăng nhập". Việc sắp xếp các điều khiển này theo trình tự "Tên đăng nhập" -> "Mật khẩu" -> "Đăng nhập" từ trên xuống dưới hoặc từ trái sang phải (theo văn hóa đọc) thể hiện nguyên tắc thiết kế biểu mẫu nào?
A. Tăng tốc độ xử lý của máy chủ.
B. Giảm dung lượng dữ liệu gửi đi.
C. Đảm bảo tính bảo mật của dữ liệu.
D. Cải thiện tính dễ sử dụng (usability) và luồng nhập liệu tự nhiên cho người dùng.
Câu 19: Bạn muốn tạo một ô nhập liệu ẩn trên biểu mẫu để lưu trữ một giá trị nhất định (ví dụ: ID sản phẩm) mà người dùng không cần thấy hoặc tương tác. Loại `` nào được sử dụng cho mục đích này?
A.
B.
C.
D.
Câu 20: Khi sử dụng các nút chọn (radio button) trong một nhóm (có cùng thuộc tính `name`), chỉ có một nút trong nhóm có thể được chọn tại một thời điểm. Điều này được đảm bảo bởi cơ chế nào?
A. Thuộc tính `value` duy nhất của mỗi nút.
B. Thuộc tính `type=
C. Trình duyệt web tự động xử lý khi các nút có cùng thuộc tính `name`.
D. Bắt buộc phải có mã JavaScript để kiểm soát việc chọn.
Câu 21: Bạn muốn cung cấp một gợi ý hoặc định dạng mẫu (ví dụ: "Nhập tên của bạn" hoặc "MM/DD/YYYY") bên trong ô nhập liệu trước khi người dùng gõ. Thuộc tính nào của thẻ `` giúp thực hiện điều này?
A. hint
B. placeholder
C. tooltip
D. label
Câu 22: Một biểu mẫu có nút `
A. Lưu dữ liệu đã nhập vào bộ nhớ cục bộ của trình duyệt.
B. Xóa sạch tất cả dữ liệu đã nhập trong biểu mẫu.
C. Hiển thị hộp thoại xác nhận việc gửi dữ liệu.
D. 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ẻ `
`.
Câu 23: Trong thiết kế biểu mẫu, việc sử dụng thẻ `` với thuộc tính `for` liên kết với `id` của điều khiển nhập liệu có lợi ích quan trọng nào về khả năng truy cập (accessibility)?
A. Giúp người dùng sử dụng bàn phím (nhấn phím Tab) hoặc trình đọc màn hình dễ dàng tương tác với các trường nhập liệu.
B. Tự động kiểm tra định dạng dữ liệu nhập vào.
C. Làm cho biểu mẫu tải nhanh hơn.
D. Ngăn chặn việc gửi dữ liệu trùng lặp.
Câu 24: Giả sử bạn có một biểu mẫu tìm kiếm sản phẩm theo khoảng giá, với hai ô nhập liệu cho giá "Từ" và giá "Đến". Bạn muốn đảm bảo người dùng chỉ nhập số. Loại `` nào phù hợp nhất?
A.
B.
C.
D.
Câu 25: Khi thiết kế một biểu mẫu phức tạp với nhiều trường, việc phân chia biểu mẫu thành các phần nhỏ hơn và sắp xếp các điều khiển theo một luồng logic (ví dụ: thông tin liên hệ trước, thông tin thanh toán sau) giúp cải thiện đáng kể yếu tố nào?
A. Tính dễ sử dụng (usability) và giảm thiểu lỗi nhập liệu do nhầm lẫn.
B. Tính bảo mật của dữ liệu được gửi đi.
C. Tốc độ tải trang của biểu mẫu.
D. Số lượng dữ liệu có thể gửi đi.
Câu 26: Thuộc tính `value` của một `
A. Đặt tên cho trường khi gửi dữ liệu.
B. Hiển thị gợi ý bên trong ô nhập liệu.
C. Xác định kích thước tối đa của văn bản.
D. Xác định giá trị mặc định ban đầu của trường nhập liệu.
Câu 27: Bạn muốn giới hạn số ký tự tối đa mà người dùng có thể nhập vào một ô `
A. size
B. limit
C. maxlength
D. max-chars
Câu 28: Trong trường hợp nào việc sử dụng `
A. Khi người dùng chỉ được phép chọn một tùy chọn duy nhất từ một danh sách.
B. Khi người dùng có thể chọn nhiều tùy chọn cùng một lúc từ một danh sách.
C. Khi cần nhập một đoạn văn bản dài.
D. Khi cần gửi dữ liệu ẩn đến máy chủ.
Câu 29: Bạn cần tạo một nút trên biểu mẫu mà khi nhấn vào, nó sẽ không gửi dữ liệu đi ngay lập tức mà sẽ thực hiện một hành động khác được quy định bởi mã JavaScript (ví dụ: hiển thị một thông báo). Loại `` nào hoặc thẻ nào thường được sử dụng cho nút như vậy?
A.
B.
C.
D.
Câu 30: Khi thiết kế biểu mẫu, việc đảm bảo thứ tự các thẻ `` (và các điều khiển khác) trong mã HTML tương ứng với thứ tự hiển thị mong muốn trên trình duyệt là quan trọng vì lý do nào?
A. Quy định màu sắc và kiểu chữ của các trường.
B. Xác định loại dữ liệu được phép nhập.
C. Kiểm soát việc dữ liệu được gửi bằng phương thức GET hay POST.
D. Ảnh hưởng đến thứ tự di chuyển giữa các trường khi người dùng sử dụng phím Tab trên bàn phím và giúp trình đọc màn hình hiểu cấu trúc biểu mẫu.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 1: Trong thiết kế biểu mẫu web, bạn cần một trường để người dùng nhập địa chỉ email. Điều khiển nhập liệu (input control) nào là phù hợp nhất để sử dụng, đồng thời cung cấp tính năng kiểm tra định dạng cơ bản trên trình duyệt?
<input type="text">
<input type="email">
<input type="url">
<input type="text" pattern="...">
Câu hỏi kiểm tra khả năng áp dụng loại điều khiển nhập liệu phù hợp với loại dữ liệu cụ thể (email) và hiểu về các kiểu input HTML5 cung cấp chức năng kiểm tra định dạng cơ bản.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 2: Khi thiết kế một biểu mẫu khảo sát ý kiến, bạn muốn người dùng chọn một *duy nhất* trong số các phương án A, B, C, D. Bạn nên sử dụng loại điều khiển nào và cần đảm bảo thuộc tính nào giống nhau giữa các tùy chọn để nhóm chúng lại?
Nút chọn (radio button) và thuộc tính name phải giống nhau.
Hộp kiểm (checkbox) và thuộc tính name phải giống nhau.
Nút chọn (radio button) và thuộc tính value phải giống nhau.
Hộp kiểm (checkbox) và thuộc tính id phải giống nhau.
Câu hỏi kiểm tra hiểu biết về sự khác biệt giữa radio button và checkbox, và thuộc tính cần thiết để nhóm các radio button lại, đảm bảo chỉ chọn được một.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 3: Xét đoạn mã HTML sau cho một phần biểu mẫu:
```html Họ và tên:
```
Thuộc tính `for="ho_ten"` trong thẻ `` có ý nghĩa gì?
Xác định dữ liệu mặc định sẽ được gửi đi.
Đặt tên cho điều khiển để xử lý dữ liệu trên máy chủ.
Liên kết nhãn 'Họ và tên:' với điều khiển `<input>` có `id` là 'ho_ten', giúp khi nhấn vào nhãn thì con trỏ sẽ nhảy vào ô nhập liệu tương ứng.
Chỉ định kiểu dữ liệu mà người dùng được phép nhập vào ô văn bản.
Câu hỏi kiểm tra hiểu biết về vai trò của thẻ label và thuộc tính `for` trong việc liên kết nhãn với đ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.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 4: Bạn đang xây dựng một biểu mẫu đăng ký. Khi người dùng hoàn thành việc nhập thông tin và nhấn nút 'Đăng ký', dữ liệu cần được gửi đến một tập tin xử lý trên máy chủ có tên là `process_signup.php`. Thuộc tính nào của thẻ `
` sẽ được sử dụng để chỉ định địa chỉ của tập tin xử lý này?
action
method
name
id
Câu hỏi kiểm tra kiến thức về thuộc tính `action` của thẻ `
`, quy định URL mà dữ liệu biểu mẫu sẽ được gửi đến khi submit.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 5: Xét hai phương thức gửi dữ liệu biểu mẫu phổ biến là GET và POST. Trong trường hợp nào bạn nên ưu tiên sử dụng phương thức POST để gửi dữ liệu?
Khi gửi dữ liệu không nhạy cảm và muốn người dùng có thể đánh dấu trang kết quả.
Khi gửi dữ liệu rất nhỏ và không quan trọng về bảo mật.
Khi muốn dữ liệu hiển thị rõ trên thanh địa chỉ của trình duyệt.
Khi gửi dữ liệu nhạy cảm (như mật khẩu) hoặc dữ liệu có kích thước lớn.
Câu hỏi kiểm tra khả năng phân tích và áp dụng phương thức gửi dữ liệu phù hợp với ngữ cảnh (dữ liệu nhạy cảm, dữ liệu lớn). POST an toàn hơn cho dữ liệu nhạy cảm và không có giới hạn kích thước như GET.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 6: Bạn muốn thêm một ô nhập liệu cho phép người dùng nhập một đoạn văn bản dài (ví dụ: phần 'Ghi chú' trong đơn đặt hàng). Điều khiển HTML nào phù hợp nhất cho mục đích này?
<input type="text">
<input type="textarea">
<textarea>
<input type="longtext">
Câu hỏi kiểm tra kiến thức về thẻ `
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 7: Để tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một tỉnh/thành phố, bạn sẽ sử dụng kết hợp các thẻ HTML nào?
<list> và <item>
<dropdown> và <option>
<input type="list"> và <item>
<select> và <option>
Câu hỏi kiểm tra kiến thức về cấu trúc HTML để tạo danh sách thả xuống, bao gồm thẻ `
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 8: Bạn muốn một trường nhập liệu (ví dụ: số lượng sản phẩm) phải được người dùng điền vào trước khi gửi biểu mẫu. Thuộc tính HTML5 nào giúp thực hiện yêu cầu này mà không cần viết mã JavaScript?
validate
required
mandatory
not-empty
Câu hỏi kiểm tra khả năng áp dụng thuộc tính HTML5 để thực hiện kiểm tra tính hợp lệ cơ bản phía client (bắt buộc nhập).
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 9: Xét đoạn mã HTML sau:
```html
Thể thao
Âm nhạc
```
Thuộc tính `checked` trong thẻ `` có tác dụng gì?
Làm cho hộp kiểm 'Thể thao' được chọn sẵn khi trang web hiển thị biểu mẫu.
Đánh dấu hộp kiểm 'Thể thao' là bắt buộc phải chọn.
Xác định giá trị 'sport' sẽ được gửi đi khi người dùng nhấn nút gửi.
Thiết lập tên nhóm cho các hộp kiểm.
Câu hỏi kiểm tra hiểu biết về thuộc tính `checked` được sử dụng để làm cho checkbox hoặc radio button được chọn mặc định khi trang tải.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 10: Trong thiết kế biểu mẫu, tại sao việc sử dụng thuộc tính `name` cho các điều khiển nhập liệu là quan trọng?
Để điều khiển đó hiển thị nhãn (label) trên giao diện.
Để xác định kiểu dữ liệu mà người dùng được phép nhập.
Để áp dụng các kiểu định dạng CSS cho điều khiển đó.
Để xác định tên của điều khiển khi dữ liệu biểu mẫu được gửi đến máy chủ, giúp máy chủ xử lý dữ liệu chính xác.
Câu hỏi kiểm tra hiểu biết về vai trò cốt lõi của thuộc tính `name` - nó là tên biến được sử dụng để xác định dữ liệu của điều khiển đó khi dữ liệu biểu mẫu được gửi đến máy chủ.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 11: Bạn muốn tạo một nút 'Hủy' trên biểu mẫu, mà khi người dùng nhấn vào đó, tất cả các trường đã nhập sẽ được xóa sạch và khôi phục về trạng thái ban đầu của biểu mẫu. Loại `` nào phù hợp cho nút này?
<input type="button">
<input type="submit">
<input type="reset">
<input type="cancel">
Câu hỏi kiểm tra kiến thức về `` được sử dụng để tạo nút đặt lại (reset) biểu mẫu.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 12: Khi thiết kế một biểu mẫu có nhiều phần liên quan (ví dụ: Thông tin cá nhân, Thông tin liên hệ), việc nhóm các trường nhập liệu tương ứng lại với nhau bằng thẻ `
Tự động kiểm tra tính hợp lệ của dữ liệu trong nhóm.
Giúp cải thiện cấu trúc, khả năng đọc hiểu và khả năng truy cập (accessibility) của biểu mẫu bằng cách nhóm các trường liên quan một cách rõ ràng.
Thay đổi màu sắc và kiểu chữ của các trường trong nhóm.
Bắt buộc người dùng phải điền đầy đủ tất cả các trường trong nhóm đó.
Câu hỏi kiểm tra hiểu biết về mục đích của thẻ `fieldset` và `legend` trong việc cải thiện cấu trúc và khả năng đọc hiểu của biểu mẫu đối với cả người dùng và công cụ hỗ trợ (như trình đọc màn hình).
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 13: Bạn muốn người dùng nhập mật khẩu. Loại `` nào nên được sử dụng để che đi ký tự khi người dùng gõ, tăng tính bảo mật cục bộ?
<input type="text">
<input type="hidden">
<input type="secret">
<input type="password">
Câu hỏi kiểm tra kiến thức về `` được thiết kế đặc biệt để nhập mật khẩu, che ký tự đã gõ.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 14: Xét đoạn mã HTML cho một nút gửi:
```html
```
Thuộc tính `value="Gửi dữ liệu"` có tác dụng gì?
Xác định văn bản hiển thị trên nút gửi.
Xác định dữ liệu sẽ được gửi đi khi nút được nhấn.
Xác định tên của nút gửi khi dữ liệu được xử lý.
Đặt giá trị mặc định cho trường nhập liệu liên quan.
Câu hỏi kiểm tra hiểu biết về thuộc tính `value` khi áp dụng cho ``, nó 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 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 15: Bạn cần một trường cho phép người dùng chọn một ngày từ lịch. Loại `` nào trong HTML5 hỗ trợ trực tiếp chức năng này?
<input type="text" format="date">
<input type="date">
<input type="calendar">
<input type="datetime">
Câu hỏi kiểm tra kiến thức về các kiểu input mới trong HTML5, cụ thể là ``.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 16: Trong một biểu mẫu tìm kiếm đơn giản, phương thức gửi dữ liệu (method) nào thường được ưu tiên sử dụng và tại sao?
GET, vì dữ liệu không nhạy cảm và kết quả có thể được đánh dấu trang (bookmark) hoặc chia sẻ qua URL.
POST, vì nó an toàn hơn và không có giới hạn về kích thước dữ liệu.
GET, vì nó gửi dữ liệu nhanh hơn POST.
POST, vì nó ẩn dữ liệu tìm kiếm khỏi thanh địa chỉ.
Câu hỏi kiểm tra khả năng phân tích ngữ cảnh và chọn phương thức gửi dữ liệu phù hợp. Tìm kiếm thường dùng GET vì dữ liệu không nhạy cảm và kết quả có thể đánh dấu trang/chia sẻ qua URL.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 17: Bạn muốn thêm một ô nhập liệu cho phép người dùng nhập một số điện thoại. Mặc dù `` có thể dùng được, loại `` nào trong HTML5 cung cấp bàn phím số tối ưu hơn trên thiết bị di động và có thể hỗ trợ kiểm tra định dạng cơ bản?
<input type="number">
<input type="phone">
<input type="tel">
<input type="digit">
Câu hỏi kiểm tra kiến thức về các kiểu input HTML5 chuyên biệt, cụ thể là `` cho số điện thoại.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 18: Xét một biểu mẫu đăng nhập chỉ có hai trường: Tên đăng nhập và Mật khẩu, cùng với một nút 'Đăng nhập'. Việc sắp xếp các điều khiển này theo trình tự 'Tên đăng nhập' -> 'Mật khẩu' -> 'Đăng nhập' từ trên xuống dưới hoặc từ trái sang phải (theo văn hóa đọc) thể hiện nguyên tắc thiết kế biểu mẫu nào?
Tăng tốc độ xử lý của máy chủ.
Giảm dung lượng dữ liệu gửi đi.
Đảm bảo tính bảo mật của dữ liệu.
Cải thiện tính dễ sử dụng (usability) và luồng nhập liệu tự nhiên cho người dùng.
Câu hỏi kiểm tra khả năng phân tích nguyên tắc thiết kế biểu mẫu thân thiện với người dùng, cụ thể là sắp xếp các trường theo luồng logic tự nhiên.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 19: Bạn muốn tạo một ô nhập liệu ẩn trên biểu mẫu để lưu trữ một giá trị nhất định (ví dụ: ID sản phẩm) mà người dùng không cần thấy hoặc tương tác. Loại `` nào được sử dụng cho mục đích này?
<input type="hidden">
<input type="invisible">
<input type="masked">
<input type="secret">
Câu hỏi kiểm tra kiến thức về `` dùng để gửi dữ liệu cố định hoặc dữ liệu ngữ cảnh cùng với các dữ liệu khác của biểu mẫu mà không hiển thị trên giao diện.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 20: Khi sử dụng các nút chọn (radio button) trong một nhóm (có cùng thuộc tính `name`), chỉ có một nút trong nhóm có thể được chọn tại một thời điểm. Điều này được đảm bảo bởi cơ chế nào?
Thuộc tính `value` duy nhất của mỗi nút.
Thuộc tính `type="radio"`.
Trình duyệt web tự động xử lý khi các nút có cùng thuộc tính `name`.
Bắt buộc phải có mã JavaScript để kiểm soát việc chọn.
Câu hỏi kiểm tra sâu hơn về cơ chế hoạt động của radio button: trình duyệt tự động bỏ chọn nút khác trong cùng nhóm (cùng `name`) khi một nút mới được chọn.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 21: Bạn muốn cung cấp một gợi ý hoặc định dạng mẫu (ví dụ: 'Nhập tên của bạn' hoặc 'MM/DD/YYYY') bên trong ô nhập liệu trước khi người dùng gõ. Thuộc tính nào của thẻ `` giúp thực hiện điều này?
hint
placeholder
tooltip
label
Câu hỏi kiểm tra kiến thức về thuộc tính `placeholder` dùng để hiển thị văn bản gợi ý trong ô nhập liệu.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 22: Một biểu mẫu có nút ``. Khi người dùng nhấn nút này, hành động mặc định của trình duyệt là gì?
Lưu dữ liệu đã nhập vào bộ nhớ cục bộ của trình duyệt.
Xóa sạch tất cả dữ liệu đã nhập trong biểu mẫu.
Hiển thị hộp thoại xác nhận việc gửi dữ liệu.
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ẻ `<form>`.
Câu hỏi kiểm tra hiểu biết về hành vi mặc định của nút submit: nó gửi dữ liệu biểu mẫu đến URL được chỉ định bởi thuộc tính `action` của thẻ `
`.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 23: Trong thiết kế biểu mẫu, việc sử dụng thẻ `` với thuộc tính `for` liên kết với `id` của điều khiển nhập liệu có lợi ích quan trọng nào về khả năng truy cập (accessibility)?
Giúp người dùng sử dụng bàn phím (nhấn phím Tab) hoặc trình đọc màn hình dễ dàng tương tác với các trường nhập liệu.
Tự động kiểm tra định dạng dữ liệu nhập vào.
Làm cho biểu mẫu tải nhanh hơn.
Ngăn chặn việc gửi dữ liệu trùng lặp.
Câu hỏi kiểm tra hiểu biết sâu hơn về vai trò của thẻ label và thuộc tính for trong việc hỗ trợ người dùng khuyết tật (ví dụ: sử dụng trình đọc màn hình).
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 24: Giả sử bạn có một biểu mẫu tìm kiếm sản phẩm theo khoảng giá, với hai ô nhập liệu cho giá 'Từ' và giá 'Đến'. Bạn muốn đảm bảo người dùng chỉ nhập số. Loại `` nào phù hợp nhất?
<input type="text">
<input type="digit">
<input type="number">
<input type="range">
Câu hỏi kiểm tra khả năng áp dụng kiểu input phù hợp với loại dữ liệu (số) và lợi ích của nó (bàn phím số trên di động, kiểm tra cơ bản).
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 25: Khi thiết kế một biểu mẫu phức tạp với nhiều trường, việc phân chia biểu mẫu thành các phần nhỏ hơn và sắp xếp các điều khiển theo một luồng logic (ví dụ: thông tin liên hệ trước, thông tin thanh toán sau) giúp cải thiện đáng kể yếu tố nào?
Tính dễ sử dụng (usability) và giảm thiểu lỗi nhập liệu do nhầm lẫn.
Tính bảo mật của dữ liệu được gửi đi.
Tốc độ tải trang của biểu mẫu.
Số lượng dữ liệu có thể gửi đi.
Câu hỏi kiểm tra khả năng phân tích ảnh hưởng của cấu trúc và bố cục biểu mẫu đến trải nghiệm người dùng.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 26: Thuộc tính `value` của một `` dùng để làm gì?
Đặt tên cho trường khi gửi dữ liệu.
Hiển thị gợi ý bên trong ô nhập liệu.
Xác định kích thước tối đa của văn bản.
Xác định giá trị mặc định ban đầu của trường nhập liệu.
Câu hỏi kiểm tra hiểu biết về thuộc tính `value` khi áp dụng cho ô nhập liệu văn bản: nó xác định giá trị mặc định ban đầu của trường.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 27: Bạn muốn giới hạn số ký tự tối đa mà người dùng có thể nhập vào một ô `` (ví dụ: chỉ cho phép nhập tối đa 50 ký tự). Thuộc tính nào của thẻ `` giúp thực hiện điều này?
size
limit
maxlength
max-chars
Câu hỏi kiểm tra kiến thức về thuộc tính `maxlength` dùng để giới hạn số ký tự nhập vào các trường văn bản.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 28: Trong trường hợp nào việc sử dụng `` là phù hợp hơn so với ``?
Khi người dùng chỉ được phép chọn một tùy chọn duy nhất từ một danh sách.
Khi người dùng có thể chọn nhiều tùy chọn cùng một lúc từ một danh sách.
Khi cần nhập một đoạn văn bản dài.
Khi cần gửi dữ liệu ẩn đến máy chủ.
Câu hỏi kiểm tra khả năng phân tích và phân biệt trường hợp sử dụng giữa checkbox và radio button (checkbox cho phép chọn nhiều, radio button chỉ chọn một).
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 29: Bạn cần tạo một nút trên biểu mẫu mà khi nhấn vào, nó sẽ không gửi dữ liệu đi ngay lập tức mà sẽ thực hiện một hành động khác được quy định bởi mã JavaScript (ví dụ: hiển thị một thông báo). Loại `` nào hoặc thẻ nào thường được sử dụng cho nút như vậy?
<input type="button"> hoặc <button type="button">
<input type="submit">
<input type="action">
<button type="submit">
Câu hỏi kiểm tra kiến thức về `` hoặc thẻ `` được sử dụng để tạo nút không có hành vi mặc định (submit/reset) và thường được dùng để kích hoạt JavaScript.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 04
Câu 30: Khi thiết kế biểu mẫu, việc đảm bảo thứ tự các thẻ `` (và các điều khiển khác) trong mã HTML tương ứng với thứ tự hiển thị mong muốn trên trình duyệt là quan trọng vì lý do nào?
Quy định màu sắc và kiểu chữ của các trường.
Xác định loại dữ liệu được phép nhập.
Kiểm soát việc dữ liệu được gửi bằng phương thức GET hay POST.
Ảnh hưởng đến thứ tự di chuyển giữa các trường khi người dùng sử dụng phím Tab trên bàn phím và giúp trình đọc màn hình hiểu cấu trúc biểu mẫu.
Câu hỏi kiểm tra khả năng phân tích ảnh hưởng của cấu trúc HTML đến trải nghiệm người dùng, đặc biệt là khi sử dụng bàn phím (phím Tab) để di chuyển giữa các trường.
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 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 05
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 05 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong HTML, thẻ nào được sử dụng để định nghĩa một biểu mẫu (form) trên trang web, nơi dữ liệu sẽ được thu thập từ người dùng?
A. ``````
B. ```
```
C. ``````
D. ``````
Câu 2: Một biểu mẫu đăng ký người dùng cần có trường để nhập địa chỉ email. Loại điều khiển nhập liệu (input type) nào phù hợp nhất cho mục đích này để trình duyệt có thể cung cấp các tính năng hỗ trợ nhập liệu email (như kiểm tra định dạng cơ bản)?
A. ```
B. ```
C. ```
D. ```
Câu 3: Thuộc tính `action` của thẻ `
` trong HTML có vai trò gì?
A. Xác định cách dữ liệu được mã hóa khi gửi đi.
B. Xác định phương thức gửi dữ liệu (GET hoặc POST).
C. Xác định địa chỉ URL mà dữ liệu biểu mẫu sẽ được gửi tới.
D. Xác định tên của biểu mẫu.
Câu 4: Để cho phép người dùng chọn MỘT trong các lựa chọn giới tính (Ví dụ: Nam, Nữ, Khác) trong một biểu mẫu, bạn nên sử dụng loại điều khiển nhập liệu nào và cấu hình thuộc tính nào để đảm bảo chỉ một lựa chọn được chọn?
A. ```
B. ```
C. ```
D. ```
Câu 5: Thuộc tính `method` của thẻ `
` có thể nhận các giá trị phổ biến nào và sự khác biệt cơ bản giữa chúng là gì?
A. ```SEND``` và ```RECEIVE``` - xác định hướng truyền dữ liệu.
B. ```GET``` và ```POST``` - xác định cách dữ liệu được gửi đến máy chủ.
C. ```INPUT``` và ```OUTPUT``` - xác định dữ liệu vào và ra.
D. ```HTTP``` và ```HTTPS``` - xác định giao thức bảo mật.
Câu 6: Bạn muốn tạo một trường cho phép người dùng nhập mật khẩu. Loại điều khiển nhập liệu nào sẽ hiển thị các ký tự đã nhập dưới dạng dấu chấm hoặc dấu sao để bảo mật?
A. ```
B. ```
C. ```
D. ```
Câu 7: Để cho phép người dùng chọn NHIỀU mục cùng một lúc từ một danh sách các tùy chọn (ví dụ: chọn sở thích), bạn nên sử dụng loại điều khiển nhập liệu nào?
A. ```
B. ```
C. ```
D. ```
Câu 8: Thuộc tính `placeholder` của điều khiển `` có tác dụng gì trong biểu mẫu?
A. Đặt giá trị mặc định cho ô nhập liệu.
B. Giới hạn số lượng ký tự có thể nhập.
C. Xác định tên của điều khiển để gửi dữ liệu.
D. Hiển thị văn bản gợi ý trong ô nhập liệu.
Câu 9: Khi nào thì dữ liệu trong một biểu mẫu HTML được gửi (submit) về máy chủ theo thiết lập trong thuộc tính `action` và `method` của thẻ `
`?
A. Ngay sau khi người dùng nhập dữ liệu vào bất kỳ trường nào.
B. Khi người dùng di chuyển chuột ra khỏi biểu mẫu.
C. Khi người dùng nhấp vào nút gửi (có type=
D. Khi trang web được tải xong.
Câu 10: Để liên kết một nhãn văn bản (label) với một điều khiển nhập liệu (ví dụ: một ô văn bản), giúp cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng (ví dụ: nhấp vào nhãn sẽ làm focus vào ô nhập liệu), bạn sử dụng thẻ nào và thuộc tính nào để tạo liên kết?
A. Thẻ `````` với thuộc tính ```link```.
B. Thẻ `````` với thuộc tính ```for``` trỏ đến ```id``` của điều khiển.
C. Thẻ ```
``` với thuộc tính ```connect```.
D. Sử dụng thuộc tính ```title``` trên điều khiển nhập liệu.
Câu 11: Bạn đang thiết kế một biểu mẫu khảo sát và muốn người dùng chọn tỉnh/thành phố từ một danh sách dài. Loại điều khiển nào phù hợp nhất để hiển thị danh sách thả xuống (dropdown list) các lựa chọn?
A. Nhiều ```
B. Nhiều ```
C. Thẻ ```
D. Thẻ ```
Câu 12: Trong một biểu mẫu đặt hàng, bạn cần một trường cho phép người dùng nhập số lượng sản phẩm. Loại điều khiển nhập liệu nào phù hợp nhất để chỉ chấp nhận giá trị là số và có thể cung cấp mũi tên lên/xuống để tăng/giảm giá trị?
A. ```
B. ```
C. ```
D. ```
Câu 13: Bạn muốn tạo một vùng văn bản lớn cho phép người dùng nhập bình luận hoặc mô tả chi tiết. Loại điều khiển nào phù hợp cho mục đích này?
A. ```
B. ```
C. ```
D. ```
Câu 14: Khi sử dụng phương thức `GET` để gửi dữ liệu biểu mẫu, dữ liệu sẽ được hiển thị ở đâu?
A. Trong phần thân của trang web sau khi gửi.
B. Trong một cửa sổ pop-up thông báo.
C. Trên thanh địa chỉ của trình duyệt (trong URL).
D. Chỉ hiển thị trên máy chủ nhận dữ liệu.
Câu 15: Tại sao việc đặt thuộc tính `name` cho các điều khiển nhập liệu (như ``, `
A. Để máy chủ có thể nhận diện và xử lý dữ liệu tương ứng với từng điều khiển.
B. Để xác định kiểu dữ liệu mà người dùng được phép nhập.
C. Để trình duyệt biết cách hiển thị điều khiển đó.
D. Để đặt nhãn văn bản hiển thị bên cạnh điều khiển.
Câu 16: Bạn muốn tạo một nút trong biểu mẫu mà khi nhấp vào, nó sẽ xóa tất cả dữ liệu người dùng đã nhập và đưa biểu mẫu về trạng thái ban đầu. Loại nút nào nên được sử dụng?
A. ```
B. ```
C. ```
D. ```
Câu 17: Xét đoạn mã HTML sau: `
A. ```?Nguyễn Văn A```
B. ```?value=Nguyễn Văn A```
C. ```?ten```
D. ```?ten=Nguy%E1%BB%85n%20V%C4%83n%20A``` (hoặc dạng mã hóa tương tự)
Câu 18: Bạn đang tạo một biểu mẫu đăng ký và muốn người dùng chọn ngày sinh. Loại điều khiển nhập liệu nào được trình duyệt hỗ trợ tốt nhất để cung cấp giao diện chọn ngày (lịch)?
A. ```
B. ```
C. ```
D. ```
Câu 19: Xét đoạn mã HTML cho một nhóm nút chọn: `
A. Để cả hai nút đều được chọn cùng lúc.
B. Để xác định thứ tự xuất hiện của các nút.
C. Để đảm bảo người dùng chỉ có thể chọn một trong hai lựa chọn này.
D. Để liên kết chúng với một nhãn chung duy nhất.
Câu 20: Bạn cần tạo một trường nhập liệu mà giá trị của nó sẽ được gửi cùng biểu mẫu nhưng không hiển thị hoặc không thể chỉnh sửa bởi người dùng trên giao diện. Loại điều khiển nào phù hợp?
A. ```
B. ```
C. ```
D. ```
Câu 21: Giả sử bạn có một biểu mẫu tìm kiếm đơn giản. Phương thức gửi dữ liệu (`method`) nào thường được ưu tiên sử dụng cho biểu mẫu tìm kiếm và tại sao?
A. ```GET```, vì nó cho phép đánh dấu trang kết quả tìm kiếm và dữ liệu không nhạy cảm.
B. ```POST```, vì nó bảo mật dữ liệu tìm kiếm tốt hơn.
C. ```GET```, vì nó có thể gửi lượng dữ liệu lớn hơn.
D. ```POST```, vì nó nhanh hơn trong việc xử lý yêu cầu.
Câu 22: Để cải thiện cấu trúc và khả năng sử dụng của một biểu mẫu dài, bạn có thể nhóm các trường liên quan lại với nhau (ví dụ: nhóm thông tin cá nhân, nhóm thông tin liên hệ). Thẻ HTML nào được sử dụng để tạo nhóm các điều khiển trong biểu mẫu, thường đi kèm với tiêu đề nhóm?
A. ```
```
B. ```
C. ``````
D. ``` ```
Câu 23: Bạn muốn tạo một nút đơn giản trong biểu mẫu, không phải nút gửi hay nút đặt lại, mà chỉ để kích hoạt một đoạn mã JavaScript (ví dụ: hiển thị thông báo). Loại điều khiển nào phù hợp?
A. ```
B. ```
C. ```
D. ```
Câu 24: Khi tạo một biểu mẫu yêu cầu người dùng tải lên một tập tin (ví dụ: ảnh đại diện), loại điều khiển nhập liệu nào cần được sử dụng?
A. ```
B. ```
C. ```
D. ```
Câu 25: Giả sử bạn có một ô nhập liệu với mã HTML: `
A. ```Nguyễn Thị B```
B. Một chuỗi rỗng (```""```)
C. Tên của điều khiển (```ho_ten```)
D. Giá trị ngẫu nhiên do trình duyệt tạo.
Câu 26: Để làm cho một ô nhập liệu (ví dụ: `
A. ```disabled```
B. ```readonly```
C. ```hidden```
D. ```static```
Câu 27: Bạn muốn yêu cầu người dùng nhập số điện thoại và muốn trình duyệt trên thiết bị di động hiển thị bàn phím số khi trường này được focus. Loại điều khiển nhập liệu nào phù hợp nhất để gợi ý loại bàn phím này?
A. ```
B. ```
C. ```
D. ```
Câu 28: Khi thiết kế biểu mẫu, việc sắp xếp các trường nhập liệu theo một luồng logic (ví dụ: thông tin cá nhân trước, thông tin liên hệ sau) và sử dụng nhãn rõ ràng (``) có ý nghĩa quan trọng nhất là gì?
A. Giảm dung lượng trang web.
B. Tăng tốc độ xử lý dữ liệu trên máy chủ.
C. Làm cho biểu mẫu trông phức tạp hơn.
D. Tăng tính khả dụng và trải nghiệm người dùng.
Câu 29: Bạn muốn tạo một nút gửi biểu mẫu có văn bản hiển thị là "Đăng ký ngay". Bạn sử dụng thẻ `
A. ```value```
B. ```text```
C. ```label```
D. ```caption```
Câu 30: Xét yêu cầu: tạo một biểu mẫu đăng nhập gồm tên đăng nhập và mật khẩu. Cần đảm bảo khi người dùng nhấn Enter sau khi nhập mật khẩu, biểu mẫu sẽ tự động gửi đi. Cấu trúc HTML cơ bản nào đáp ứng yêu cầu này?
A. Đặt tất cả các trường nhập liệu và nút gửi ngoài thẻ ```
```.
B. Đặt tất cả các trường nhập liệu và nút gửi bên trong cùng một thẻ ```
```.
C. Thêm thuộc tính ```onsubmit=
D. Sử dụng JavaScript để bắt sự kiện nhấn phím Enter cho mỗi trường nhập liệu.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 1: Trong HTML, thẻ nào được sử dụng để định nghĩa một biểu mẫu (form) trên trang web, nơi dữ liệu sẽ được thu thập từ người dùng?
```<input>```
```<form>```
```<button>```
```<label>```
Thẻ `
` là phần tử cốt lõi trong HTML để tạo ra một biểu mẫu. Nó đóng vai trò là vùng chứa cho các điều khiển nhập liệu (input controls) và xác định cách thức, nơi dữ liệu sẽ được gửi đi.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 2: Một biểu mẫu đăng ký người dùng cần có trường để nhập địa chỉ email. Loại điều khiển nhập liệu (input type) nào phù hợp nhất cho mục đích này để trình duyệt có thể cung cấp các tính năng hỗ trợ nhập liệu email (như kiểm tra định dạng cơ bản)?
```<input type="email">```
```<input type="text">```
```<input type="url">```
```<input type="text" pattern="...">```
`````` được thiết kế đặc biệt để nhập địa chỉ email. Trình duyệt hiện đại có thể cung cấp kiểm tra định dạng cơ bản và gợi ý nhập liệu cho loại này, giúp cải thiện trải nghiệm người dùng và tính chính xác của dữ liệu.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 3: Thuộc tính `action` của thẻ `
` trong HTML có vai trò gì?
Xác định cách dữ liệu được mã hóa khi gửi đi.
Xác định phương thức gửi dữ liệu (GET hoặc POST).
Xác định địa chỉ URL mà dữ liệu biểu mẫu sẽ được gửi tới.
Xác định tên của biểu mẫu.
Thuộc tính `action` xác định URL (địa chỉ) trên máy chủ mà dữ liệu từ biểu mẫu sẽ được gửi đến để xử lý khi người dùng nhấn nút gửi (submit).
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 4: Để cho phép người dùng chọn MỘT trong các lựa chọn giới tính (Ví dụ: Nam, Nữ, Khác) trong một biểu mẫu, bạn nên sử dụng loại điều khiển nhập liệu nào và cấu hình thuộc tính nào để đảm bảo chỉ một lựa chọn được chọn?
```<input type="checkbox">``` với thuộc tính `name` khác nhau.
```<input type="text">``` với danh sách gợi ý.
```<input type="radio">``` với thuộc tính `id` giống nhau.
```<input type="radio">``` với thuộc tính `name` giống nhau.
Nút chọn (radio button) - `` - được sử dụng khi người dùng chỉ được phép chọn một mục từ một nhóm. Để nhóm các nút chọn lại với nhau và đảm bảo tính độc quyền lựa chọn, tất cả 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`.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 5: Thuộc tính `method` của thẻ `
` có thể nhận các giá trị phổ biến nào và sự khác biệt cơ bản giữa chúng là gì?
```SEND``` và ```RECEIVE``` - xác định hướng truyền dữ liệu.
```GET``` và ```POST``` - xác định cách dữ liệu được gửi đến máy chủ.
```INPUT``` và ```OUTPUT``` - xác định dữ liệu vào và ra.
```HTTP``` và ```HTTPS``` - xác định giao thức bảo mật.
Hai giá trị phổ biến nhất cho thuộc tính `method` là `GET` và `POST`. `GET` gửi dữ liệu dưới dạng các tham số trong URL (thích hợp cho dữ liệu không nhạy cảm, có thể đánh dấu trang), còn `POST` gửi dữ liệu trong phần thân yêu cầu HTTP (thích hợp cho dữ liệu nhạy cảm hoặc dung lượng lớn).
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 6: Bạn muốn tạo một trường cho phép người dùng nhập mật khẩu. Loại điều khiển nhập liệu nào sẽ hiển thị các ký tự đã nhập dưới dạng dấu chấm hoặc dấu sao để bảo mật?
```<input type="text">```
```<input type="email">```
```<input type="password">```
```<input type="hidden">```
`````` được thiết kế riêng cho việc nhập mật khẩu. Nó tự động che giấu các ký tự đã nhập bằng dấu chấm hoặc dấu sao (tùy thuộc vào trình duyệt và hệ điều hành) để ngăn người khác nhìn thấy mật khẩu khi người dùng nhập liệu.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 7: Để cho phép người dùng chọn NHIỀU mục cùng một lúc từ một danh sách các tùy chọn (ví dụ: chọn sở thích), bạn nên sử dụng loại điều khiển nhập liệu nào?
```<input type="checkbox">```
```<input type="radio">```
```<select>```
```<input type="text">```
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 mục từ một danh sách các tùy chọn độc lập.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 8: Thuộc tính `placeholder` của điều khiển `` có tác dụng gì trong biểu mẫu?
Đặt giá trị mặc định cho ô nhập liệu.
Giới hạn số lượng ký tự có thể nhập.
Xác định tên của điều khiển để gửi dữ liệu.
Hiển thị văn bản gợi ý trong ô nhập liệu.
Thuộc tính `placeholder` hiển thị văn bản gợi ý (ví dụ: 'Nhập tên của bạn') trong ô nhập liệu trước khi người dùng nhập bất kỳ dữ liệu nào. Văn bản này sẽ biến mất khi người dùng bắt đầu nhập.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 9: Khi nào thì dữ liệu trong một biểu mẫu HTML được gửi (submit) về máy chủ theo thiết lập trong thuộc tính `action` và `method` của thẻ `
`?
Ngay sau khi người dùng nhập dữ liệu vào bất kỳ trường nào.
Khi người dùng di chuyển chuột ra khỏi biểu mẫu.
Khi người dùng nhấp vào nút gửi (có type="submit").
Khi trang web được tải xong.
Dữ liệu trong biểu mẫu thường được gửi đi khi người dùng nhấp vào một nút có `type="submit"` hoặc khi người dùng nhấn phím Enter khi đang ở trong một trường nhập liệu (trong một số trường hợp, tùy thuộc vào trình duyệt và cấu trúc form).
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 10: Để liên kết một nhãn văn bản (label) với một điều khiển nhập liệu (ví dụ: một ô văn bản), giúp cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng (ví dụ: nhấp vào nhãn sẽ làm focus vào ô nhập liệu), bạn sử dụng thẻ nào và thuộc tính nào để tạo liên kết?
Thẻ ```<span>``` với thuộc tính ```link```.
Thẻ ```<label>``` với thuộc tính ```for``` trỏ đến ```id``` của điều khiển.
Thẻ ```<p>``` với thuộc tính ```connect```.
Sử dụng thuộc tính ```title``` trên điều khiển nhập liệu.
Thẻ `` được sử dụng để tạo nhãn cho điều khiển form. Thuộc tính `for` của thẻ `` được đặt giá trị là `id` của điều khiển nhập liệu tương ứng để tạo liên kết.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 11: Bạn đang thiết kế một biểu mẫu khảo sát và muốn người dùng chọn tỉnh/thành phố từ một danh sách dài. Loại điều khiển nào phù hợp nhất để hiển thị danh sách thả xuống (dropdown list) các lựa chọn?
Nhiều ```<input type="radio">```.
Nhiều ```<input type="checkbox">```.
Thẻ ```<select>``` kết hợp với thẻ ```<option>```.
Thẻ ```<textarea>```.
Thẻ `
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 12: Trong một biểu mẫu đặt hàng, bạn cần một trường cho phép người dùng nhập số lượng sản phẩm. Loại điều khiển nhập liệu nào phù hợp nhất để chỉ chấp nhận giá trị là số và có thể cung cấp mũi tên lên/xuống để tăng/giảm giá trị?
```<input type="text">```
```<input type="email">```
```<input type="password">```
```<input type="number">```
`````` được thiết kế để nhập giá trị số. Trình duyệt thường hiển thị mũi tên lên/xuống để người dùng dễ dàng điều chỉnh giá trị và có thể thực hiện kiểm tra cơ bản để đảm bảo giá trị nhập vào là số.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 13: Bạn muốn tạo một vùng văn bản lớn cho phép người dùng nhập bình luận hoặc mô tả chi tiết. Loại điều khiển nào phù hợp cho mục đích này?
```<textarea>```
```<input type="text">```
```<input type="memo">```
```<input type="richtext">```
Thẻ `
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 14: Khi sử dụng phương thức `GET` để gửi dữ liệu biểu mẫu, dữ liệu sẽ được hiển thị ở đâu?
Trong phần thân của trang web sau khi gửi.
Trong một cửa sổ pop-up thông báo.
Trên thanh địa chỉ của trình duyệt (trong URL).
Chỉ hiển thị trên máy chủ nhận dữ liệu.
Khi sử dụng phương thức `GET`, dữ liệu từ biểu mẫu được gắn vào cuối URL của địa chỉ nhận dữ liệu (được chỉ định trong thuộc tính `action`) dưới dạng các tham số. Điều này làm cho dữ liệu hiển thị rõ trên thanh địa chỉ của trình duyệt.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 15: Tại sao việc đặt thuộc tính `name` cho các điều khiển nhập liệu (như ``, `
Để máy chủ có thể nhận diện và xử lý dữ liệu tương ứng với từng điều khiển.
Để xác định kiểu dữ liệu mà người dùng được phép nhập.
Để trình duyệt biết cách hiển thị điều khiển đó.
Để đặt nhãn văn bản hiển thị bên cạnh điều khiển.
Thuộc tính `name` cung cấp tên cho mỗi điều khiển nhập liệu. Khi dữ liệu biểu mẫu được gửi đi, tên này được sử dụng làm khóa (key) để xác định giá trị (value) mà người dùng đã nhập hoặc chọn cho điều khiển đó. Máy chủ xử lý dữ liệu sẽ sử dụng các cặp tên=giá_trị này để hiểu dữ liệu nhận được.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 16: Bạn muốn tạo một nút trong biểu mẫu mà khi nhấp vào, nó sẽ xóa tất cả dữ liệu người dùng đã nhập và đưa biểu mẫu về trạng thái ban đầu. Loại nút nào nên được sử dụng?
```<input type="submit">```
```<input type="reset">```
```<input type="button">```
```<input type="clear">```
`````` hoặc `` tạo ra một nút đặt lại (reset button). Khi nhấp vào nút này, tất cả các trường trong biểu mẫu sẽ được khôi phục về giá trị mặc định ban đầu của chúng (hoặc trống nếu không có giá trị mặc định).
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 17: Xét đoạn mã HTML sau: ``. Nếu người dùng nhập 'Nguyễn Văn A' vào ô này và gửi biểu mẫu bằng phương thức GET, phần dữ liệu được gửi đi trên URL sẽ trông như thế nào (giả sử đây là trường duy nhất)?
```?Nguyễn Văn A```
```?value=Nguyễn Văn A```
```?ten```
```?ten=Nguy%E1%BB%85n%20V%C4%83n%20A``` (hoặc dạng mã hóa tương tự)
Khi sử dụng GET, dữ liệu được gửi dưới dạng cặp `name=value` trên URL, nối sau dấu `?`. Giá trị `Nguyễn Văn A` sẽ được mã hóa URL (ví dụ khoảng trắng thành `%20`). Cặp `name=value` sẽ là `ten=Nguy%E1%BB%85n%20V%C4%83n%20A` (hoặc tương tự tùy theo cách mã hóa).
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 18: Bạn đang tạo một biểu mẫu đăng ký và muốn người dùng chọn ngày sinh. Loại điều khiển nhập liệu nào được trình duyệt hỗ trợ tốt nhất để cung cấp giao diện chọn ngày (lịch)?
```<input type="date">```
```<input type="text">```
```<input type="calendar">```
```<input type="datetime">```
`````` là loại input chuyên dụng cho việc nhập ngày. Trình duyệt hiện đại thường hiển thị một bộ chọn ngày (lịch) thân thiện với người dùng khi nhấp vào trường này.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 19: Xét đoạn mã HTML cho một nhóm nút chọn: ` Đỏ Xanh`. Tại sao cả hai thẻ `` này đều có cùng thuộc tính `name="color"`?
Để cả hai nút đều được chọn cùng lúc.
Để xác định thứ tự xuất hiện của các nút.
Để đảm bảo người dùng chỉ có thể chọn một trong hai lựa chọn này.
Để liên kết chúng với một nhãn chung duy nhất.
Các nút chọn (radio button) trong cùng một nhóm phải có cùng thuộc tính `name`. Điều này báo cho trình duyệt biết rằng chúng thuộc về cùng một nhóm và người dùng chỉ có thể chọn duy nhất một nút trong nhóm đó. Khi gửi biểu mẫu, chỉ giá trị (`value`) của nút được chọn trong nhóm đó mới được gửi đi với tên (`name`) chung.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 20: Bạn cần tạo một trường nhập liệu mà giá trị của nó sẽ được gửi cùng biểu mẫu nhưng không hiển thị hoặc không thể chỉnh sửa bởi người dùng trên giao diện. Loại điều khiển nào phù hợp?
```<input type="text" disabled>```
```<input type="text" readonly>```
```<input type="invisible">```
```<input type="hidden">```
`````` tạo ra một trường nhập liệu ẩn. Nó không hiển thị trên giao diện người dùng nhưng giá trị của nó (được đặt trong thuộc tính `value`) sẽ được gửi cùng với dữ liệu của các trường khác khi biểu mẫu được gửi đi. Điều này thường dùng để truyền các thông tin bổ sung cần thiết cho việc xử lý trên máy chủ (ví dụ: ID người dùng, token bảo mật).
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 21: Giả sử bạn có một biểu mẫu tìm kiếm đơn giản. Phương thức gửi dữ liệu (`method`) nào thường được ưu tiên sử dụng cho biểu mẫu tìm kiếm và tại sao?
```GET```, vì nó cho phép đánh dấu trang kết quả tìm kiếm và dữ liệu không nhạy cảm.
```POST```, vì nó bảo mật dữ liệu tìm kiếm tốt hơn.
```GET```, vì nó có thể gửi lượng dữ liệu lớn hơn.
```POST```, vì nó nhanh hơn trong việc xử lý yêu cầu.
Phương thức `GET` thường được ưu tiên cho biểu mẫu tìm kiếm vì nó gửi dữ liệu dưới dạng tham số URL. Điều này cho phép người dùng đánh dấu trang kết quả tìm kiếm, chia sẻ URL đó và nút 'Back' của trình duyệt hoạt động như mong đợi. Dữ liệu tìm kiếm thường không nhạy cảm.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 22: Để cải thiện cấu trúc và khả năng sử dụng của một biểu mẫu dài, bạn có thể nhóm các trường liên quan lại với nhau (ví dụ: nhóm thông tin cá nhân, nhóm thông tin liên hệ). Thẻ HTML nào được sử dụng để tạo nhóm các điều khiển trong biểu mẫu, thường đi kèm với tiêu đề nhóm?
```<div>```
```<fieldset>```
```<group>```
```<section>```
Thẻ `
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 23: Bạn muốn tạo một nút đơn giản trong biểu mẫu, không phải nút gửi hay nút đặt lại, mà chỉ để kích hoạt một đoạn mã JavaScript (ví dụ: hiển thị thông báo). Loại điều khiển nào phù hợp?
```<input type="submit">```
```<input type="reset">```
```<input type="button">```
```<input type="action">```
`````` hoặc `` tạo ra một nút chung. Nút này không có hành vi mặc định nào khi nhấp vào (như gửi form hoặc reset form) và thường được sử dụng để gọi các hàm JavaScript.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 24: Khi tạo một biểu mẫu yêu cầu người dùng tải lên một tập tin (ví dụ: ảnh đại diện), loại điều khiển nhập liệu nào cần được sử dụng?
```<input type="text">```
```<input type="url">```
```<input type="document">```
```<input type="file">```
`````` tạo ra một điều khiển cho phép người dùng chọn một hoặc nhiều tập tin từ máy tính của họ để tải lên máy chủ. Khi gửi biểu mẫu chứa loại input này, phương thức `POST` thường được sử dụng và thuộc tính `enctype="multipart/form-data"` của thẻ `
` là bắt buộc.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 25: Giả sử bạn có một ô nhập liệu với mã HTML: ``. Nếu người dùng không thay đổi nội dung ô này và gửi biểu mẫu, giá trị nào sẽ được gửi đi tương ứng với tên `ho_ten`?
```Nguyễn Thị B```
Một chuỗi rỗng (```''```)
Tên của điều khiển (```ho_ten```)
Giá trị ngẫu nhiên do trình duyệt tạo.
Thuộc tính `value` trong thẻ `` đặt giá trị mặc định cho ô nhập liệu. Nếu người dùng không tương tác hoặc không thay đổi giá trị này trước khi gửi biểu mẫu, giá trị mặc định ('Nguyễn Thị B') sẽ được gửi đi.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 26: Để làm cho một ô nhập liệu (ví dụ: ``) không thể tương tác (người dùng không thể nhập, sửa đổi hoặc focus vào nó) nhưng giá trị của nó vẫn được gửi đi khi biểu mẫu được submit, bạn sử dụng thuộc tính nào?
```disabled```
```readonly```
```hidden```
```static```
Thuộc tính `readonly` làm cho trường nhập liệu không thể chỉnh sửa bởi người dùng, nhưng giá trị của nó vẫn được gửi đi khi biểu mẫu được submit. Thuộc tính `disabled` cũng làm cho trường không tương tác, nhưng giá trị của trường `disabled` sẽ KHÔNG được gửi đi.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 27: Bạn muốn yêu cầu người dùng nhập số điện thoại và muốn trình duyệt trên thiết bị di động hiển thị bàn phím số khi trường này được focus. Loại điều khiển nhập liệu nào phù hợp nhất để gợi ý loại bàn phím này?
```<input type="tel">```
```<input type="number">```
```<input type="phone">```
```<input type="text">``` với thuộc tính `pattern`.
`````` là loại input được thiết kế cho số điện thoại. Mặc dù nó chấp nhận bất kỳ ký tự nào (không tự động kiểm tra định dạng số điện thoại nghiêm ngặt), nhưng nó gợi ý cho trình duyệt (đặc biệt trên thiết bị di động) hiển thị bàn phím được tối ưu hóa cho việc nhập số điện thoại.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 28: Khi thiết kế biểu mẫu, việc sắp xếp các trường nhập liệu theo một luồng logic (ví dụ: thông tin cá nhân trước, thông tin liên hệ sau) và sử dụng nhãn rõ ràng (``) có ý nghĩa quan trọng nhất là gì?
Giảm dung lượng trang web.
Tăng tốc độ xử lý dữ liệu trên máy chủ.
Làm cho biểu mẫu trông phức tạp hơn.
Tăng tính khả dụng và trải nghiệm người dùng.
Sắp xếp logic và sử dụng nhãn rõ ràng giúp người dùng dễ dàng hiểu mục đích của từng trường, nhập dữ liệu nhanh chóng và chính xác hơn, từ đó cải thiện đáng kể trải nghiệm và khả năng sử dụng của biểu mẫu.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 29: Bạn muốn tạo một nút gửi biểu mẫu có văn bản hiển thị là 'Đăng ký ngay'. Bạn sử dụng thẻ ``. Thuộc tính nào của thẻ này cần được đặt để hiển thị văn bản 'Đăng ký ngay' trên nút?
```value```
```text```
```label```
```caption```
Thuộc tính `value` của `` được sử dụng để đặt văn bản hiển thị trên nút gửi. Nếu không có thuộc tính `value`, trình duyệt sẽ hiển thị văn bản mặc định (thường là 'Submit' hoặc 'Gửi đi').
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 05
Câu 30: Xét yêu cầu: tạo một biểu mẫu đăng nhập gồm tên đăng nhập và mật khẩu. Cần đảm bảo khi người dùng nhấn Enter sau khi nhập mật khẩu, biểu mẫu sẽ tự động gửi đi. Cấu trúc HTML cơ bản nào đáp ứng yêu cầu này?
Đặt tất cả các trường nhập liệu và nút gửi ngoài thẻ ```<form>```.
Đặt tất cả các trường nhập liệu và nút gửi bên trong cùng một thẻ ```<form>```.
Thêm thuộc tính ```onsubmit="this.submit()"``` vào thẻ ```<body>```.
Sử dụng JavaScript để bắt sự kiện nhấn phím Enter cho mỗi trường nhập liệu.
Khi các trường nhập liệu (như `` và ``) và nút gửi (``) được đặt bên trong cùng một thẻ `
`, trình duyệt mặc định sẽ gửi biểu mẫu khi người dùng nhấn Enter trong bất kỳ trường nhập liệu nào (đặc biệt là trường cuối cùng trước nút submit).
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 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 06
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 06 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong quá trình thiết kế một biểu mẫu trực tuyến để người dùng đăng ký tài khoản, bạn cần thu thập thông tin "Tên đăng nhập". Loại điều khiển nhập liệu nào trong HTML là phù hợp nhất để người dùng nhập dữ liệu này?
A.
B.
C.
D.
Câu 2: Khi tạo một biểu mẫu khảo sát trực tuyến về sở thích đọc sách, bạn muốn người dùng có thể chọn nhiều thể loại sách mà họ thích (ví dụ: Khoa học viễn tưởng, Trinh thám, Lịch sử). Loại điều khiển nhập liệu nào là lựa chọn tốt nhất cho yêu cầu này?
A.
B.
C.
D.
Câu 3: Trong một biểu mẫu đăng ký thi, bạn cần người dùng chọn giới tính "Nam" hoặc "Nữ". Điều quan trọng là họ chỉ có thể chọn một trong hai tùy chọn này. Để đảm bảo điều kiện này, bạn nên sử dụng loại điều khiển nào và phải thiết lập thuộc tính nào giống nhau cho các tùy chọn đó?
A. Nút chọn (radio button) với thuộc tính `name` giống nhau.
B. Hộp kiểm (checkbox) với thuộc tính `value` giống nhau.
C. Ô văn bản (text box) với thuộc tính `id` giống nhau.
D. Nút gửi (submit button) với thuộc tính `type` giống nhau.
Câu 4: Một biểu mẫu liên hệ yêu cầu người dùng nhập "Email". Ngoài việc sử dụng ``, HTML5 cung cấp một loại `type` chuyên biệt cho email. Việc sử dụng `type` này mang lại lợi ích gì, đặc biệt trên các thiết bị di động hoặc khi có kiểm tra dữ liệu cơ bản?
A. Giúp dữ liệu email được mã hóa tự động trước khi gửi.
B. Cải thiện trải nghiệm nhập liệu trên thiết bị di động và hỗ trợ kiểm tra định dạng email cơ bản bởi trình duyệt.
C. Chỉ cho phép nhập địa chỉ email đã được đăng ký trước đó.
D. Thay đổi màu sắc và kiểu chữ của ô nhập liệu email.
Câu 5: Bạn đã điền đầy đủ thông tin vào một biểu mẫu đặt hàng trực tuyến. Thao tác cuối cùng bạn cần thực hiện để gửi thông tin này đến máy chủ xử lý đơn hàng là gì?
A. Nhấn phím Enter sau khi nhập ô cuối cùng.
B. Nhấn nút "Reset" để xóa dữ liệu.
C. Lưu trang web lại.
D. Nhấn vào nút "Gửi" (Submit) của biểu mẫu.
Câu 6: Thuộc tính `action` trong thẻ `
` đóng vai trò gì trong quá trình xử lý dữ liệu từ biểu mẫu?
A. Chỉ định địa chỉ (URL) mà dữ liệu biểu mẫu sẽ được gửi đến để xử lý.
B. Xác định phương thức gửi dữ liệu (ví dụ: GET hoặc POST).
C. Đặt tên cho biểu mẫu để tham chiếu trong mã JavaScript.
D. Định nghĩa cách trình duyệt hiển thị biểu mẫu.
Câu 7: Khi thiết kế biểu mẫu, việc đặt thuộc tính `placeholder` cho các ô nhập liệu (ví dụ: ``) có tác dụng gì đối với người dùng?
A. Đặt giá trị mặc định sẽ được gửi nếu người dùng không nhập gì.
B. Tự động điền dữ liệu đã nhập trước đó.
C. Giới hạn số lượng ký tự có thể nhập.
D. Hiển thị văn bản gợi ý (chữ mờ) trong ô nhập liệu để hướng dẫn người dùng.
Câu 8: Bạn đang tạo một biểu mẫu đăng nhập và cần một ô để người dùng nhập mật khẩu. Loại `type` nào của thẻ `` nên được sử dụng để các ký tự nhập vào không hiển thị rõ ràng trên màn hình (thường được thay bằng dấu chấm hoặc sao)?
A. text
B. password
C. number
D. hidden
Câu 9: Trong một biểu mẫu đặt số lượng sản phẩm, bạn muốn người dùng chỉ có thể nhập các số nguyên dương. Loại `type` nào của thẻ `` trong HTML5 hỗ trợ tốt nhất cho việc nhập liệu này và có thể tích hợp các nút tăng/giảm trên một số trình duyệt?
A. number
B. text
C. range
D. tel
Câu 10: Thuộc tính `method` trong thẻ `
` được sử dụng để làm gì khi gửi dữ liệu đến máy chủ?
A. Kiểm tra tính hợp lệ của dữ liệu trước khi gửi.
B. Định dạng dữ liệu thành JSON hoặc XML.
C. Xác định phương thức HTTP (ví dụ: GET hoặc POST) để gửi dữ liệu biểu mẫu.
D. Đặt thời gian chờ trước khi gửi biểu mẫu tự động.
Câu 11: Sự khác biệt chính giữa phương thức `GET` và `POST` khi gửi dữ liệu biểu mẫu là gì?
A. GET dùng để gửi dữ liệu nhạy cảm, còn POST dùng cho dữ liệu công khai.
B. GET gửi dữ liệu trong URL và có giới hạn kích thước, POST gửi dữ liệu trong phần thân yêu cầu và không có giới hạn rõ ràng.
C. GET chỉ dùng cho biểu mẫu đơn giản, POST dùng cho biểu mẫu phức tạp.
D. GET mã hóa dữ liệu, POST không mã hóa dữ liệu.
Câu 12: Trong một biểu mẫu tìm kiếm đơn giản, người dùng nhập từ khóa và nhấn nút "Tìm kiếm". Phương thức gửi dữ liệu nào (GET hay POST) thường được ưu tiên sử dụng cho các biểu mẫu tìm kiếm và tại sao?
A. GET, vì dữ liệu được gắn vào URL, cho phép người dùng đánh dấu trang hoặc chia sẻ kết quả.
B. GET, vì nó an toàn hơn khi gửi dữ liệu.
C. POST, vì nó có thể gửi lượng dữ liệu lớn hơn.
D. POST, vì dữ liệu không hiển thị trên URL, bảo mật hơn.
Câu 13: Bạn cần tạo một ô nhập liệu cho phép người dùng viết một đoạn văn bản dài, ví dụ như "Ghi chú thêm" hoặc "Nội dung tin nhắn". Thẻ HTML nào là phù hợp nhất cho mục đích này?
A.
B.
C.
D.
Câu 14: Khi sử dụng thẻ `
A.
B.
C.
D.
Câu 15: Thuộc tính `value` của một thẻ `` đóng vai trò gì khi biểu mẫu được gửi đi?
A. Xác định tên của điều khiển để máy chủ nhận diện.
B. Chứa dữ liệu mà người dùng đã nhập vào ô đó (hoặc giá trị mặc định ban đầu).
C. Đặt gợi ý hiển thị bên trong ô nhập liệu.
D. Chỉ định kiểu dữ liệu được phép nhập.
Câu 16: Giả sử bạn có một nhóm 3 nút chọn (radio button) với cùng thuộc tính `name=
A. gioitinh=nu
B. gioitinh=nam,nu,khac
C. nu
D. gioitinh=true
Câu 17: Bạn tạo một biểu mẫu đăng ký và muốn đảm bảo người dùng bắt buộc phải nhập vào ô "Tên đầy đủ" trước khi có thể gửi biểu mẫu. Thuộc tính HTML5 nào bạn cần thêm vào thẻ `` tương ứng?
A. validate=
B. required
C. mandatory=
D. mustfill
Câu 18: Khi nào thì nên sử dụng `` thay vì `` trong thiết kế biểu mẫu?
A. Khi cần người dùng chọn duy nhất một tùy chọn từ danh sách.
B. Khi danh sách các tùy chọn rất dài.
C. Khi các tùy chọn mang tính loại trừ lẫn nhau.
D. Khi người dùng có thể chọn không, một hoặc nhiều tùy chọn từ danh sách.
Câu 19: Một biểu mẫu có một nút ``. Chức năng của nút này khi người dùng nhấp vào là gì?
A. Gửi dữ liệu biểu mẫu về máy chủ.
B. Lưu dữ liệu hiện tại vào bộ nhớ tạm.
C. Xóa sạch hoặc khôi phục tất cả các trường nhập liệu trong biểu mẫu về trạng thái ban đầu.
D. Mở một trang mới với dữ liệu đã nhập.
Câu 20: Trong một biểu mẫu đặt hàng, bạn muốn có một ô cho phép người dùng nhập ngày giao hàng mong muốn. Loại `type` nào của thẻ `` trong HTML5 là phù hợp nhất cho mục đích này, thường hiển thị giao diện chọn ngày thân thiện với người dùng?
A. date
B. text
C. datetime
D. calendar
Câu 21: Bạn đang thiết kế một biểu mẫu phản hồi. Làm thế nào để đảm bảo rằng khi người dùng gửi biểu mẫu, dữ liệu từ các trường nhập liệu (input, textarea, select) được gửi kèm theo đến máy chủ?
A. Tất cả các điều khiển phải có thuộc tính `id`.
B. Tất cả các điều khiển phải nằm ngoài thẻ `
`.
C. Tất cả các điều khiển phải có thuộc tính `value` được thiết lập.
D. Tất cả các điều khiển cần gửi dữ liệu phải nằm bên trong thẻ `
` và có thuộc tính `name`.
Câu 22: Tại sao việc sử dụng thẻ `` liên kết với các điều khiển biểu mẫu (input, textarea, select) lại được khuyến khích?
A. Làm cho biểu mẫu tải nhanh hơn.
B. Cải thiện khả năng truy cập (accessibility) và trải nghiệm người dùng (ví dụ: nhấp vào nhãn để chọn hộp kiểm/nút chọn).
C. Tự động kiểm tra tính hợp lệ của dữ liệu nhập.
D. Thay đổi giao diện mặc định của điều khiển.
Câu 23: Một biểu mẫu được thiết kế với các trường "Tên", "Email", "Điện thoại". Để cải thiện trải nghiệm nhập liệu trên thiết bị di động, bạn nên sử dụng loại `type` nào cho trường "Điện thoại"?
A. tel
B. number
C. text
D. url
Câu 24: Bạn đang tạo một biểu mẫu để người dùng tải lên một tập tin (ví dụ: ảnh hồ sơ). Loại `type` nào của thẻ `` cần được sử dụng cho mục đích này?
A. document
B. upload
C. file
D. attachment
Câu 25: Khi thiết kế một biểu mẫu phức tạp với nhiều phần (ví dụ: thông tin cá nhân, địa chỉ, 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 bằng cách sử dụng các phần tử như `
` và `
Câu 26: Bạn muốn tạo một nút bấm đơn giản trong biểu mẫu, không có chức năng gửi hay xóa mặc định, mà chỉ dùng để kích hoạt một đoạn mã JavaScript (ví dụ: hiển thị thông báo). Loại `type` nào của thẻ `` là phù hợp nhất?
A. button
B. submit
C. reset
D. click
Câu 27: Điều gì có thể xảy ra nếu một điều khiển nhập liệu (input, textarea, select) trong biểu mẫu không có thuộc tính `name` khi biểu mẫu được gửi đi?
A. Trình duyệt sẽ báo lỗi và không cho phép gửi biểu mẫu.
B. Dữ liệu từ điều khiển đó sẽ không được gửi đến máy chủ khi biểu mẫu được submit.
C. Điều khiển đó sẽ tự động được điền giá trị mặc định.
D. Biểu mẫu sẽ tự động sử dụng thuộc tính `id` thay cho `name`.
Câu 28: Bạn đang xây dựng một biểu mẫu đặt lịch hẹn và muốn người dùng có thể dễ dàng chọn một khoảng thời gian cụ thể (ví dụ: từ 1h đến 12h). Loại `type` nào của thẻ `` trong HTML5 có thể hỗ trợ hiển thị một thanh trượt (slider) để chọn giá trị trong một phạm vi nhất định?
A. number
B. time
C. slider
D. range
Câu 29: Khi thiết kế một biểu mẫu dài, việc sắp xếp các trường nhập liệu theo một luồng logic (ví dụ: từ thông tin chung đến chi tiết, từ trên xuống dưới, từ trái sang phải) có tác dụng chính là gì?
A. Giúp người dùng dễ dàng hiểu và hoàn thành biểu mẫu, giảm khả năng nhập sai dữ liệu.
B. Làm cho biểu mẫu trông đẹp mắt hơn về mặt thẩm mỹ.
C. Tăng tốc độ tải trang của biểu mẫu.
D. Giảm dung lượng dữ liệu cần gửi đến máy chủ.
Câu 30: Bạn có một danh sách thả xuống `
A. Thêm thuộc tính `value` vào thẻ `
B. Thêm thuộc tính `checked` vào thẻ `
C. Thêm thuộc tính `selected` vào thẻ `
D. Đặt tùy chọn đó ở vị trí đầu tiên trong danh sách.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 1: Trong quá trình thiết kế một biểu mẫu trực tuyến để người dùng đăng ký tài khoản, bạn cần thu thập thông tin 'Tên đăng nhập'. Loại điều khiển nhập liệu nào trong HTML là phù hợp nhất để người dùng nhập dữ liệu này?
Câu hỏi yêu cầu xác định loại điều khiển phù hợp cho việc nhập một dòng văn bản ngắn như 'Tên đăng nhập'. Ô văn bản () là điều khiển tiêu chuẩn cho mục đích này.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 2: Khi tạo một biểu mẫu khảo sát trực tuyến về sở thích đọc sách, bạn muốn người dùng có thể chọn *nhiều* thể loại sách mà họ thích (ví dụ: Khoa học viễn tưởng, Trinh thám, Lịch sử). Loại điều khiển nhập liệu nào là lựa chọn tốt nhất cho yêu cầu này?
Câu hỏi đặt ra tình huống cần cho phép người dùng chọn nhiều tùy chọn từ một danh sách. Hộp kiểm (checkbox) được thiết kế cho phép lựa chọn nhiều mục cùng lúc.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 3: Trong một biểu mẫu đăng ký thi, bạn cần người dùng chọn giới tính 'Nam' hoặc 'Nữ'. Điều quan trọng là họ chỉ có thể chọn *một* trong hai tùy chọn này. Để đảm bảo điều kiện này, bạn nên sử dụng loại điều khiển nào và phải thiết lập thuộc tính nào giống nhau cho các tùy chọn đó?
Câu hỏi yêu cầu chọn một tùy chọn duy nhất từ một nhóm và xác định cách nhóm các tùy chọn này. Nút chọn (radio button) dùng để chọn một mục duy nhất, và thuộc tính 'name' phải giống nhau cho tất cả các nút trong cùng một nhóm.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 4: Một biểu mẫu liên hệ yêu cầu người dùng nhập 'Email'. Ngoài việc sử dụng ``, HTML5 cung cấp một loại `type` chuyên biệt cho email. Việc sử dụng `type` này mang lại lợi ích gì, đặc biệt trên các thiết bị di động hoặc khi có kiểm tra dữ liệu cơ bản?
Câu hỏi kiểm tra kiến thức về các loại input mới trong HTML5 và lợi ích của chúng. `type='email'` giúp bàn phím ảo trên di động hiển thị ký tự '@' và '.' tiện lợi hơn, đồng thời trình duyệt có thể thực hiện kiểm tra định dạng email cơ bản.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 5: Bạn đã điền đầy đủ thông tin vào một biểu mẫu đặt hàng trực tuyến. Thao tác cuối cùng bạn cần thực hiện để gửi thông tin này đến máy chủ xử lý đơn hàng là gì?
Câu hỏi kiểm tra chức năng của nút 'submit'. Nút này được sử dụ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ẻ `
`.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 6: Thuộc tính `action` trong thẻ `
` đóng vai trò gì trong quá trình xử lý dữ liệu từ biểu mẫu?
Câu hỏi kiểm tra chức năng của thuộc tính 'action'. Nó xác định URL (địa chỉ trên máy chủ) sẽ nhận và xử lý dữ liệu được gửi từ biểu mẫu.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 7: Khi thiết kế biểu mẫu, việc đặt thuộc tính `placeholder` cho các ô nhập liệu (ví dụ: ``) có tác dụng gì đối với người dùng?
Câu hỏi kiểm tra chức năng của thuộc tính 'placeholder'. Nó hiển thị văn bản gợi ý bên trong ô nhập liệu trước khi người dùng nhập dữ liệu, giúp người dùng biết họ cần nhập gì.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 8: Bạn đang tạo một biểu mẫu đăng nhập và cần một ô để người dùng nhập mật khẩu. Loại `type` nào của thẻ `` nên được sử dụng để các ký tự nhập vào không hiển thị rõ ràng trên màn hình (thường được thay bằng dấu chấm hoặc sao)?
Câu hỏi yêu cầu xác định loại input phù hợp cho việc nhập mật khẩu, nơi các ký tự cần được che giấu. `type='password'` thực hiện chức năng này.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 9: Trong một biểu mẫu đặt số lượng sản phẩm, bạn muốn người dùng chỉ có thể nhập các số nguyên dương. Loại `type` nào của thẻ `` trong HTML5 hỗ trợ tốt nhất cho việc nhập liệu này và có thể tích hợp các nút tăng/giảm trên một số trình duyệt?
Câu hỏi kiểm tra loại input chuyên biệt cho số trong HTML5. `type='number'` được thiết kế cho việc nhập giá trị số và có thể có các tùy chọn bổ sung như min, max, step.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 10: Thuộc tính `method` trong thẻ `
` được sử dụng để làm gì khi gửi dữ liệu đến máy chủ?
Câu hỏi kiểm tra chức năng của thuộc tính 'method'. Nó xác định phương thức HTTP được sử dụng để gửi dữ liệu biểu mẫu, phổ biến nhất là GET và POST.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 11: Sự khác biệt chính giữa phương thức `GET` và `POST` khi gửi dữ liệu biểu mẫu là gì?
Câu hỏi yêu cầu phân tích sự khác biệt giữa hai phương thức gửi dữ liệu phổ biến. GET gửi dữ liệu qua URL (hiển thị trên thanh địa chỉ) và có giới hạn kích thước, trong khi POST gửi dữ liệu trong phần thân yêu cầu HTTP (không hiển thị trên URL) và không có giới hạn rõ ràng.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 12: Trong một biểu mẫu tìm kiếm đơn giản, người dùng nhập từ khóa và nhấn nút 'Tìm kiếm'. Phương thức gửi dữ liệu nào (GET hay POST) thường được ưu tiên sử dụng cho các biểu mẫu tìm kiếm và tại sao?
Câu hỏi yêu cầu áp dụng kiến thức về GET/POST vào tình huống cụ thể. GET thường dùng cho tìm kiếm vì dữ liệu được gửi qua URL, cho phép người dùng đánh dấu trang (bookmark) kết quả tìm kiếm hoặc chia sẻ URL đó.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 13: Bạn cần tạo một ô nhập liệu cho phép người dùng viết một đoạn văn bản dài, ví dụ như 'Ghi chú thêm' hoặc 'Nội dung tin nhắn'. Thẻ HTML nào là phù hợp nhất cho mục đích này?
Câu hỏi kiểm tra thẻ HTML dùng để tạo vùng nhập liệu đa dòng. `
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 14: Khi sử dụng thẻ `
Câu hỏi kiểm tra cấu trúc của danh sách thả xuống (`
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 15: Thuộc tính `value` của một thẻ `` đóng vai trò gì khi biểu mẫu được gửi đi?
Câu hỏi kiểm tra chức năng của thuộc tính 'value' đối với ô văn bản. 'value' chứa dữ liệu thực tế mà người dùng nhập vào ô đó hoặc giá trị mặc định ban đầu.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 16: Giả sử bạn có một nhóm 3 nút chọn (radio button) với cùng thuộc tính `name="gioitinh"` và `value` lần lượt là "nam", "nu", "khac". Nếu người dùng chọn "Nữ" và gửi biểu mẫu, dữ liệu nào sẽ được gửi đến máy chủ liên quan đến nhóm này?
Câu hỏi kiểm tra cách dữ liệu từ nút chọn được gửi đi. Với radio button, chỉ giá trị (value) của nút được chọn trong nhóm (cùng name) mới được gửi đi, cùng với tên (name) của nhóm.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 17: Bạn tạo một biểu mẫu đăng ký và muốn đảm bảo người dùng *bắt buộc* phải nhập vào ô 'Tên đầy đủ' trước khi có thể gửi biểu mẫu. Thuộc tính HTML5 nào bạn cần thêm vào thẻ `` tương ứng?
Câu hỏi kiểm tra thuộc tính HTML5 dùng để đánh dấu trường bắt buộc. Thuộc tính `required` làm cho trường đó không thể để trống khi gửi biểu mẫu.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 18: Khi nào thì nên sử dụng `` thay vì `` trong thiết kế biểu mẫu?
Câu hỏi yêu cầu phân tích tình huống sử dụng phù hợp cho checkbox và radio button. Checkbox dùng khi người dùng có thể chọn 0, 1 hoặc nhiều mục, trong khi radio button chỉ cho phép chọn duy nhất 1 mục từ một nhóm.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 19: Một biểu mẫu có một nút ``. Chức năng của nút này khi người dùng nhấp vào là gì?
Câu hỏi kiểm tra chức năng của nút 'reset'. Nút này sẽ khôi phục tất cả các điều khiển trong biểu mẫu về trạng thái ban đầu (giá trị mặc định hoặc trống).
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 20: Trong một biểu mẫu đặt hàng, bạn muốn có một ô cho phép người dùng nhập ngày giao hàng mong muốn. Loại `type` nào của thẻ `` trong HTML5 là phù hợp nhất cho mục đích này, thường hiển thị giao diện chọn ngày thân thiện với người dùng?
Câu hỏi kiểm tra loại input chuyên biệt cho ngày. `type='date'` cung cấp giao diện chọn ngày (lịch) trên nhiều trình duyệt và thiết bị.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 21: Bạn đang thiết kế một biểu mẫu phản hồi. Làm thế nào để đảm bảo rằng khi người dùng gửi biểu mẫu, dữ liệu từ các trường nhập liệu (input, textarea, select) được gửi kèm theo đến máy chủ?
Câu hỏi yêu cầu phân tích điều kiện để dữ liệu từ điều khiển được gửi đi. Mỗi điều khiển cần có thuộc tính 'name' để dữ liệu của nó được nhận diện và gửi đi như một cặp tên-giá trị.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 22: Tại sao việc sử dụng thẻ `` liên kết với các điều khiển biểu mẫu (input, textarea, select) lại được khuyến khích?
Câu hỏi kiểm tra lợi ích của việc sử dụng thẻ 'label'. Label cải thiện khả năng truy cập (accessibility) cho người dùng sử dụng công nghệ hỗ trợ (như trình đọc màn hình) và cho phép nhấp vào nhãn để tập trung vào điều khiển liên quan.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 23: Một biểu mẫu được thiết kế với các trường 'Tên', 'Email', 'Điện thoại'. Để cải thiện trải nghiệm nhập liệu trên thiết bị di động, bạn nên sử dụng loại `type` nào cho trường 'Điện thoại'?
Câu hỏi yêu cầu áp dụng loại input phù hợp cho số điện thoại. `type='tel'` giúp hiển thị bàn phím số tối ưu cho việc nhập số điện thoại trên di động.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 24: Bạn đang tạo một biểu mẫu để người dùng tải lên một tập tin (ví dụ: ảnh hồ sơ). Loại `type` nào của thẻ `` cần được sử dụng cho mục đích này?
Câu hỏi kiểm tra loại input dùng để chọn và tải lên tập tin. `type='file'` tạo một nút 'Chọn tệp' hoặc tương tự để người dùng chọn tập tin từ máy tính của họ.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 25: Khi thiết kế một biểu mẫu phức tạp với nhiều phần (ví dụ: thông tin cá nhân, địa chỉ, 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 bằng cách sử dụng các phần tử như `
` và `
Câu hỏi kiểm tra lợi ích của việc sử dụng `
` và `
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 26: Bạn muốn tạo một nút bấm đơn giản trong biểu mẫu, không có chức năng gửi hay xóa mặc định, mà chỉ dùng để kích hoạt một đoạn mã JavaScript (ví dụ: hiển thị thông báo). Loại `type` nào của thẻ `` là phù hợp nhất?
Câu hỏi kiểm tra các loại nút bấm. `type='button'` tạo một nút bấm chung mà không có hành vi mặc định (gửi/xóa), thường được dùng để chạy mã JavaScript.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 27: Điều gì có thể xảy ra nếu một điều khiển nhập liệu (input, textarea, select) trong biểu mẫu *không* có thuộc tính `name` khi biểu mẫu được gửi đi?
Câu hỏi kiểm tra tầm quan trọng của thuộc tính 'name'. Nếu không có 'name', dữ liệu từ điều khiển đó sẽ không được gửi kèm theo biểu mẫu, vì máy chủ không có tên để nhận diện giá trị.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 28: Bạn đang xây dựng một biểu mẫu đặt lịch hẹn và muốn người dùng có thể dễ dàng chọn một khoảng thời gian cụ thể (ví dụ: từ 1h đến 12h). Loại `type` nào của thẻ `` trong HTML5 có thể hỗ trợ hiển thị một thanh trượt (slider) để chọn giá trị trong một phạm vi nhất định?
Câu hỏi kiểm tra loại input tạo thanh trượt. `type='range'` tạo một thanh trượt để chọn giá trị số trong một phạm vi được xác định bởi các thuộc tính `min`, `max`, và `step`.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 29: Khi thiết kế một biểu mẫu dài, việc sắp xếp các trường nhập liệu theo một luồng logic (ví dụ: từ thông tin chung đến chi tiết, từ trên xuống dưới, từ trái sang phải) có tác dụng chính là gì?
Câu hỏi kiểm tra khía cạnh usability trong thiết kế biểu mẫu. Sắp xếp hợp lý giúp người dùng dễ dàng theo dõi, hiểu và hoàn thành biểu mẫu một cách nhanh chóng, giảm thiểu sai sót.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 06
Câu 30: Bạn có một danh sách thả xuống `
Câu hỏi kiểm tra cách đặt giá trị mặc định cho thẻ `
0
Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!
Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 07
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 07 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Biểu mẫu (form) trên trang web có vai trò chính là gì?
A. Hiển thị nội dung tĩnh của trang web.
B. Tạo hiệu ứng động cho các phần tử trang web.
C. Thu thập thông tin do người dùng nhập vào.
D. Định dạng bố cục tổng thể của trang web.
Câu 2: Khi tạo một biểu mẫu HTML để người dùng đăng nhập, bạn cần sử dụng thẻ HTML nào để bao bọc tất cả các điều khiển nhập liệu và nút gửi?
A.
B.
C.
D.
Câu 3: Trong thẻ `
`, thuộc tính nào được sử dụng để chỉ định địa chỉ URL (đường dẫn) của tập tin 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. enctype
D. name
Câu 4: Bạn muốn tạo một ô nhập liệu để người dùng nhập mật khẩu. Bạn nên sử dụng loại điều khiển `` nào?
A.
B.
C.
D.
Câu 5: Điều khiển nào cho phép người dùng chọn MỘT tùy chọn DUY NHẤT từ một danh sách các tùy chọn được xác định trước?
A. Nút chọn (radio button)
B. Hộp kiểm (checkbox)
C. Ô văn bản (text box)
D. Vùng văn bản (textarea)
Câu 6: Khi sử dụng nhiều nút chọn (radio button) cho cùng một câu hỏi (ví dụ: Giới tính: Nam / Nữ), thuộc tính nào của các nút chọn này phải giống nhau để chúng hoạt động như một nhóm?
A. type
B. value
C. name
D. id
Câu 7: Điều khiển nào cho phép người dùng chọn NHIỀU tùy chọn từ một danh sách các tùy chọn được xác định trước?
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 8: Bạn muốn tạo một nút để gửi dữ liệu từ biểu mẫu đến máy chủ. Bạn nên sử dụng loại điều khiển `` nào?
A.
B.
C.
D.
Câu 9: Thuộc tính `value` trong thẻ `
A. Xác định tên của điều khiển để gửi dữ liệu.
B. Hiển thị gợi ý (placeholder) trong ô nhập liệu.
C. Thiết lập giá trị mặc định ban đầu cho ô nhập liệu.
D. Giới hạn số ký tự tối đa có thể nhập.
Câu 10: Bạn muốn tạo một vùng nhập liệu lớn hơn để người dùng có thể viết bình luận hoặc mô tả chi tiết. Bạn nên sử dụng thẻ HTML nào?
A.
B.
C.
D.
Câu 11: Bạn muốn tạo một danh sách thả xuống (dropdown list) để người dùng chọn TỈNH/THÀNH PHỐ. Bạn nên sử dụng thẻ HTML nào để tạo danh sách này?
A.
B.
C.
D.
Câu 12: Trong một danh sách thả xuống (`
A.
B.
C.
D.
Câu 13: Bạn có một nhóm các nút chọn (radio button) cho phép người dùng chọn "Nam", "Nữ", hoặc "Khác". Nếu bạn muốn "Nam" được chọn mặc định khi trang tải, bạn sẽ thêm thuộc tính nào vào thẻ `
A. checked
B. selected
C. value=
D. default
Câu 14: Khi thiết kế biểu mẫu, việc sử dụng thẻ `` liên kết với các điều khiển nhập liệu (,
A. Thay đổi màu sắc hoặc kiểu chữ của nhãn.
B. Tự động điền dữ liệu vào ô nhập liệu.
C. Gửi dữ liệu của nhãn cùng với dữ liệu nhập liệu.
D. Giúp người dùng dễ dàng tương tác với điều khiển nhập liệu khi nhấp vào nhãn.
Câu 15: Thuộc tính `placeholder` trong `
A. Đặt tên cho điều khiển.
B. Hiển thị văn bản gợi ý mờ trong ô nhập liệu khi trống.
C. Thiết lập giá trị mặc định khi biểu mẫu được tải.
D. Xác định định dạng dữ liệu cần nhập.
Câu 16: Bạn đang thiết kế một biểu mẫu đăng ký. Bạn muốn người dùng bắt buộc phải nhập địa chỉ email trước khi gửi biểu mẫu. Bạn nên thêm thuộc tính nào vào thẻ `
A. must-fill
B. mandatory
C. required
D. validate
Câu 17: Sự khác biệt cơ bản giữa phương thức gửi dữ liệu `GET` và `POST` trong thuộc tính `method` của thẻ `
` là gì?
A. `GET` gửi dữ liệu qua URL, `POST` gửi dữ liệu trong phần thân yêu cầu HTTP.
B. `GET` an toàn hơn `POST` cho dữ liệu nhạy cảm.
C. `POST` có giới hạn kích thước dữ liệu nhỏ hơn `GET`.
D. `GET` chỉ dùng để lấy dữ liệu, `POST` chỉ dùng để gửi dữ liệu.
Câu 18: Bạn có một nhóm các hộp kiểm (checkbox) cho phép người dùng chọn các sở thích (ví dụ: Đọc sách, Chơi nhạc, Thể thao). Để xử lý dữ liệu sau khi gửi, thuộc tính nào của các hộp kiểm này cần được đặt tên một cách hợp lý để máy chủ có thể nhận biết giá trị của từng sở thích được chọn?
A. id
B. name
C. type
D. checked
Câu 19: Xem xét đoạn mã HTML sau:
```html
A. username=admin
B. id=username&value=admin
C. user=admin
D. Tên đăng nhập=admin
Câu 20: Bạn muốn thêm một nút vào biểu mẫu để xóa tất cả dữ liệu người dùng đã nhập về trạng thái ban đầu. Bạn nên sử dụng loại điều khiển `` nào?
A.
B.
C.
D.
Câu 21: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `placeholder` quá dài hoặc chứa thông tin quan trọng thay vì sử dụng `` có thể gây ra vấn đề gì?
A. Người dùng có thể bỏ lỡ thông tin quan trọng sau khi bắt đầu nhập liệu.
B. Làm tăng kích thước file HTML của trang web.
C. Ngăn chặn việc gửi dữ liệu biểu mẫu.
D. Tự động điền thông tin sai vào ô nhập liệu.
Câu 22: Xem xét yêu cầu: Tạo một biểu mẫu cho phép người dùng tải lên một tệp (ví dụ: ảnh đại diện). Bạn cần sử dụng loại điều khiển `` nào và thuộc tính bổ sung nào trong thẻ `
` để xử lý việc tải tệp?
A.
B.
C.
D.
Câu 23: Bạn đang thiết kế một biểu mẫu khảo sát trực tuyến về mức độ hài lòng. Đối với câu hỏi "Bạn đánh giá chất lượng dịch vụ của chúng tôi như thế nào?", với các lựa chọn từ "Rất tệ" đến "Rất tốt", mỗi lựa chọn tương ứng với một điểm số. Điều khiển nhập liệu nào là phù hợp nhất để người dùng chỉ chọn MỘT mức độ duy nhất?
A. Nút chọn (radio button)
B. Hộp kiểm (checkbox)
C. Ô văn bản (text box)
D. Vùng văn bản (textarea)
Câu 24: Khi tạo một danh sách thả xuống (`
A. Văn bản hiển thị cho người dùng trong danh sách.
B. Xác định tùy chọn này có được chọn mặc định hay không.
C. Đặt tên cho tùy chọn.
D. Giá trị được gửi đến máy chủ khi tùy chọn này được chọn.
Câu 25: Bạn muốn tạo một ô nhập liệu để người dùng chọn một ngày cụ thể (ví dụ: Ngày sinh). Bạn nên sử dụng loại điều khiển `` nào để trình duyệt hiển thị giao diện chọn ngày tiện lợi?
A.
B.
C.
D.
Câu 26: Xem xét đoạn mã HTML sau:
```html
A. fruit=apple,orange
B. fruit=apple&fruit=orange
C. fruit=Táo&fruit=Cam
D. Chỉ giá trị cuối cùng được chọn (orange) sẽ được gửi.
Câu 27: Khi thiết kế biểu mẫu để thu thập thông tin cá nhân nhạy cảm như số thẻ tín dụng hoặc mật khẩu, phương thức gửi dữ liệu nào trong thuộc tính `method` của thẻ `
` nên được ưu tiên sử dụng và tại sao?
A. GET, vì nó nhanh hơn.
B. GET, vì dữ liệu hiển thị trên URL giúp kiểm tra dễ dàng.
C. POST, vì dữ liệu không hiển thị trên URL, an toàn hơn cho dữ liệu nhạy cảm.
D. POST, vì nó có giới hạn kích thước dữ liệu nhỏ hơn.
Câu 28: Bạn muốn nhóm các điều khiển nhập liệu liên quan lại với nhau trong biểu mẫu (ví dụ: thông tin liên hệ: Tên, Email, Điện thoại). Thẻ nào thường được sử dụng để tạo khung và tiêu đề cho một nhóm các điều khiển?
A.
và
B.
và
C. và
D.
và
Câu 29: Bạn đang kiểm tra một biểu mẫu đăng ký và nhận thấy rằng khi nhấp vào nhãn "Email", con trỏ không tự động di chuyển đến ô nhập liệu email. Khả năng cao nhất là lỗi gì trong mã HTML của biểu mẫu?
A. Thuộc tính `name` của ô nhập liệu email bị thiếu.
B. Thuộc tính `for` trong thẻ `` không khớp với thuộc tính `id` của ô nhập liệu email.
C. Thuộc tính `type` của ô nhập liệu email không phải là "email".
D. Thiếu thẻ `
` bao bọc ô nhập liệu và nhãn.
Câu 30: Bạn muốn tạo một nút bấm tùy chỉnh (không phải submit hay reset) để thực hiện một hành động nào đó thông qua JavaScript. Bạn nên sử dụng thẻ HTML nào?
A.
B.
C.
D.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 1: Biểu mẫu (form) trên trang web có vai trò chính là gì?
Hiển thị nội dung tĩnh của trang web.
Tạo hiệu ứng động cho các phần tử trang web.
Thu thập thông tin do người dùng nhập vào.
Định dạng bố cục tổng thể của trang web.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 2: Khi tạo một biểu mẫu HTML để người dùng đăng nhập, bạn cần sử dụng thẻ HTML nào để bao bọc tất cả các điều khiển nhập liệu và nút gửi?
<form>
<div>
<table>
<span>
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 3: Trong thẻ `
`, thuộc tính nào được sử dụng để chỉ định địa chỉ URL (đường dẫn) của tập tin hoặc chương trình sẽ xử lý dữ liệu khi biểu mẫu được gửi đi?
method
action
enctype
name
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 4: Bạn muốn tạo một ô nhập liệu để người dùng nhập mật khẩu. Bạn nên sử dụng loại điều khiển `` nào?
<input type="text">
<input type="checkbox">
<input type="radio">
<input type="password">
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 5: Điều khiển nào cho phép người dùng chọn MỘT tùy chọn DUY NHẤT từ một danh sách các tùy chọn được xác định trước?
Nút chọn (radio button)
Hộp kiểm (checkbox)
Ô văn bản (text box)
Vùng văn bản (textarea)
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 6: Khi sử dụng nhiều nút chọn (radio button) cho cùng một câu hỏi (ví dụ: Giới tính: Nam / Nữ), thuộc tính nào của các nút chọn này phải giống nhau để chúng hoạt động như một nhóm?
type
value
name
id
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 7: Điều khiển nào cho phép người dùng chọn NHIỀU tùy chọn từ một danh sách các tùy chọn được xác định trước?
Nút chọn (radio button)
Hộp kiểm (checkbox)
Ô văn bản (text box)
Danh sách thả xuống (dropdown list)
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 8: Bạn muốn tạo một nút để gửi dữ liệu từ biểu mẫu đến máy chủ. Bạn nên sử dụng loại điều khiển `` nào?
<input type="button">
<input type="reset">
<input type="text">
<input type="submit">
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 9: Thuộc tính `value` trong thẻ `` có tác dụng gì?
Xác định tên của điều khiển để gửi dữ liệu.
Hiển thị gợi ý (placeholder) trong ô nhập liệu.
Thiết lập giá trị mặc định ban đầu cho ô nhập liệu.
Giới hạn số ký tự tối đa có thể nhập.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 10: Bạn muốn tạo một vùng nhập liệu lớn hơn để người dùng có thể viết bình luận hoặc mô tả chi tiết. Bạn nên sử dụng thẻ HTML nào?
<textarea>
<input type="text">
<input type="longtext">
<input type="multiline">
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 11: Bạn muốn tạo một danh sách thả xuống (dropdown list) để người dùng chọn TỈNH/THÀNH PHỐ. Bạn nên sử dụng thẻ HTML nào để tạo danh sách này?
<list>
<select>
<dropdown>
<options>
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 12: Trong một danh sách thả xuống (`
<item>
<listitem>
<option>
<choice>
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 13: Bạn có một nhóm các nút chọn (radio button) cho phép người dùng chọn 'Nam', 'Nữ', hoặc 'Khác'. Nếu bạn muốn 'Nam' được chọn mặc định khi trang tải, bạn sẽ thêm thuộc tính nào vào thẻ `` của lựa chọn 'Nam'?
checked
selected
value="checked"
default
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 14: Khi thiết kế biểu mẫu, việc sử dụng thẻ `` liên kết với các điều khiển nhập liệu (,
Thay đổi màu sắc hoặc kiểu chữ của nhãn.
Tự động điền dữ liệu vào ô nhập liệu.
Gửi dữ liệu của nhãn cùng với dữ liệu nhập liệu.
Giúp người dùng dễ dàng tương tác với điều khiển nhập liệu khi nhấp vào nhãn.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 15: Thuộc tính `placeholder` trong `` có tác dụng gì?
Đặt tên cho điều khiển.
Hiển thị văn bản gợi ý mờ trong ô nhập liệu khi trống.
Thiết lập giá trị mặc định khi biểu mẫu được tải.
Xác định định dạng dữ liệu cần nhập.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 16: Bạn đang thiết kế một biểu mẫu đăng ký. Bạn muốn người dùng bắt buộc phải nhập địa chỉ email trước khi gửi biểu mẫu. Bạn nên thêm thuộc tính nào vào thẻ ``?
must-fill
mandatory
required
validate
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 17: Sự khác biệt cơ bản giữa phương thức gửi dữ liệu `GET` và `POST` trong thuộc tính `method` của thẻ `
` là gì?
`GET` gửi dữ liệu qua URL, `POST` gửi dữ liệu trong phần thân yêu cầu HTTP.
`GET` an toàn hơn `POST` cho dữ liệu nhạy cảm.
`POST` có giới hạn kích thước dữ liệu nhỏ hơn `GET`.
`GET` chỉ dùng để lấy dữ liệu, `POST` chỉ dùng để gửi dữ liệu.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 18: Bạn có một nhóm các hộp kiểm (checkbox) cho phép người dùng chọn các sở thích (ví dụ: Đọc sách, Chơi nhạc, Thể thao). Để xử lý dữ liệu sau khi gửi, thuộc tính nào của các hộp kiểm này cần được đặt tên một cách hợp lý để máy chủ có thể nhận biết giá trị của từng sở thích được chọn?
id
name
type
checked
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 19: Xem xét đoạn mã HTML sau:
```html
Tên đăng nhập:
```
Khi người dùng nhập 'admin' vào ô 'Tên đăng nhập' và nhấp nút 'Gửi đi', dữ liệu nào sẽ được gửi đến '/submit-form'?
username=admin
id=username&value=admin
user=admin
Tên đăng nhập=admin
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 20: Bạn muốn thêm một nút vào biểu mẫu để xóa tất cả dữ liệu người dùng đã nhập về trạng thái ban đầu. Bạn nên sử dụng loại điều khiển `` nào?
<input type="clear">
<input type="reset">
<input type="button">
<input type="undo">
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 21: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `placeholder` quá dài hoặc chứa thông tin quan trọng thay vì sử dụng `` có thể gây ra vấn đề gì?
Người dùng có thể bỏ lỡ thông tin quan trọng sau khi bắt đầu nhập liệu.
Làm tăng kích thước file HTML của trang web.
Ngăn chặn việc gửi dữ liệu biểu mẫu.
Tự động điền thông tin sai vào ô nhập liệu.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 22: Xem xét yêu cầu: Tạo một biểu mẫu cho phép người dùng tải lên một tệp (ví dụ: ảnh đại diện). Bạn cần sử dụng loại điều khiển `` nào và thuộc tính bổ sung nào trong thẻ `
` để xử lý việc tải tệp?
<input type="upload"> và thuộc tính `method="put"`
<input type="file"> và thuộc tính `method="get"`
<input type="file"> và thuộc tính `enctype="multipart/form-data"`
<input type="attachment"> và thuộc tính `action="upload"`
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 23: Bạn đang thiết kế một biểu mẫu khảo sát trực tuyến về mức độ hài lòng. Đối với câu hỏi 'Bạn đánh giá chất lượng dịch vụ của chúng tôi như thế nào?', với các lựa chọn từ 'Rất tệ' đến 'Rất tốt', mỗi lựa chọn tương ứng với một điểm số. Điều khiển nhập liệu nào là phù hợp nhất để người dùng chỉ chọn MỘT mức độ duy nhất?
Nút chọn (radio button)
Hộp kiểm (checkbox)
Ô văn bản (text box)
Vùng văn bản (textarea)
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 24: Khi tạo một danh sách thả xuống (`
Văn bản hiển thị cho người dùng trong danh sách.
Xác định tùy chọn này có được chọn mặc định hay không.
Đặt tên cho tùy chọn.
Giá trị được gửi đến máy chủ khi tùy chọn này được chọn.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 25: Bạn muốn tạo một ô nhập liệu để người dùng chọn một ngày cụ thể (ví dụ: Ngày sinh). Bạn nên sử dụng loại điều khiển `` nào để trình duyệt hiển thị giao diện chọn ngày tiện lợi?
<input type="date">
<input type="text"> với định dạng ngày.
<input type="calendar">
<input type="datetime">
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 26: Xem xét đoạn mã HTML sau:
```html
Táo
Chuối
Cam
```
Nếu người dùng chọn cả 'Táo' và 'Cam' rồi nhấp 'Gửi', dữ liệu nào có thể được gửi đi (giả sử phương thức là `GET` mặc định)?
fruit=apple,orange
fruit=apple&fruit=orange
fruit=Táo&fruit=Cam
Chỉ giá trị cuối cùng được chọn (orange) sẽ được gửi.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 27: Khi thiết kế biểu mẫu để thu thập thông tin cá nhân nhạy cảm như số thẻ tín dụng hoặc mật khẩu, phương thức gửi dữ liệu nào trong thuộc tính `method` của thẻ `
` nên được ưu tiên sử dụng và tại sao?
GET, vì nó nhanh hơn.
GET, vì dữ liệu hiển thị trên URL giúp kiểm tra dễ dàng.
POST, vì dữ liệu không hiển thị trên URL, an toàn hơn cho dữ liệu nhạy cảm.
POST, vì nó có giới hạn kích thước dữ liệu nhỏ hơn.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 28: Bạn muốn nhóm các điều khiển nhập liệu liên quan lại với nhau trong biểu mẫu (ví dụ: thông tin liên hệ: Tên, Email, Điện thoại). Thẻ nào thường được sử dụng để tạo khung và tiêu đề cho một nhóm các điều khiển?
<div> và <span>
<table> và <tr>
<section> và <header>
<fieldset> và <legend>
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 29: Bạn đang kiểm tra một biểu mẫu đăng ký và nhận thấy rằng khi nhấp vào nhãn 'Email', con trỏ không tự động di chuyển đến ô nhập liệu email. Khả năng cao nhất là lỗi gì trong mã HTML của biểu mẫu?
Thuộc tính `name` của ô nhập liệu email bị thiếu.
Thuộc tính `for` trong thẻ `<label>` không khớp với thuộc tính `id` của ô nhập liệu email.
Thuộc tính `type` của ô nhập liệu email không phải là 'email'.
Thiếu thẻ `<form>` bao bọc ô nhập liệu và nhãn.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 07
Câu 30: Bạn muốn tạo một nút bấm tùy chỉnh (không phải submit hay reset) để thực hiện một hành động nào đó thông qua JavaScript. Bạn nên sử dụng thẻ HTML nào?
<input type="action">
<input type="command">
<button type="button">
<input type="generic">
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 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 08
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 08 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Mục đích chính của việc tạo biểu mẫu (Form) trên trang web là gì?
A. Để hiển thị nội dung tĩnh của trang web.
B. Để thu thập thông tin nhập từ người dùng và gửi về máy chủ.
C. Để định dạng giao diện và bố cục của trang web.
D. Để nhúng các tệp đa phương tiện như video, âm thanh.
Câu 2: Thẻ HTML cơ bản nào được sử dụng để khai báo một biểu mẫu trên trang web?
A. ``
B. ``
C. `
`
D. ``
Câu 3: Thuộc tính nào của thẻ `
` dùng để chỉ định URL (địa chỉ) của tệp xử lý dữ liệu sẽ nhận dữ liệu từ biểu mẫu khi được gửi đi?
A. `action`
B. `method`
C. `name`
D. `url`
Câu 4: Thuộc tính nào của thẻ `
` dùng để xác định phương thức HTTP sẽ được sử dụng khi gửi dữ liệu biểu mẫu (ví dụ: GET hoặc POST)?
A. `action`
B. `type`
C. `protocol`
D. `method`
Câu 5: Khi cần tạo một ô cho người dùng nhập một dòng văn bản ngắn (ví dụ: Tên đăng nhập, Tiêu đề), loại điều khiển `` nào là phù hợp nhất?
A. `
B. `
C. `
D. `
Câu 6: Để tạo một ô nhập liệu mà nội dung người dùng gõ vào sẽ được ẩn đi (thường dùng cho mật khẩu), bạn sẽ sử dụng loại điều khiển `` nào?
A. `
B. `
C. `
D. `
Câu 7: Bạn muốn người dùng chọn một trong các tùy chọn có sẵn (ví dụ: Giới tính: Nam hoặc Nữ). Loại điều khiển nào sau đây là lựa chọn tốt nhất để đảm bảo chỉ có một mục được chọn trong nhóm?
A. Nút chọn (`
B. Hộp kiểm (`
C. Danh sách thả xuống (`
D. Ô văn bản (`
Câu 8: Bạn muốn người dùng có thể chọn nhiều mục từ một danh sách các sở thích (ví dụ: Đọc sách, Nghe nhạc, Chơi game). Loại điều khiển nào là phù hợp nhất cho phép chọn nhiều tùy chọn độc lập?
A. Nút chọn (`
B. Ô văn bản (`
C. Danh sách thả xuống (`
D. Hộp kiểm (`
Câu 9: Để gửi dữ liệu mà người dùng đã nhập vào biểu mẫu về máy chủ để xử lý, bạn cần thêm loại nút nào vào biểu mẫu?
A. Nút reset (`
B. Nút thường (`
C. Nút gửi (`
D. Nút chọn (`
Câu 10: Thuộc tính `name` trong các điều khiển nhập liệu (``, `
A. Xác định kiểu dữ liệu mà người dùng có thể nhập.
B. Cung cấp tên để nhận diện dữ liệu của điều khiển khi gửi về máy chủ.
C. Đặt văn bản hiển thị bên cạnh điều khiển trên trang web.
D. Thiết lập giá trị mặc định cho điều khiển.
Câu 11: Thuộc tính `value` trong các điều khiển nhập liệu có tác dụng gì?
A. Xác định giá trị ban đầu hoặc giá trị sẽ được gửi đi của điều khiển.
B. Đặt tên cho điều khiển để xử lý trên máy chủ.
C. Hiển thị văn bản gợi ý trong ô nhập liệu.
D. Giới hạn số lượng ký tự có thể nhập.
Câu 12: Bạn đang thiết kế một biểu mẫu đăng ký và muốn có một ô nhập liệu lớn cho người dùng viết "Giới thiệu bản thân". Loại thẻ HTML nào là phù hợp nhất?
A. `
B. `
C. `
D. `
Câu 13: Để tạo một danh sách các tùy chọn mà người dùng có thể nhấp vào để chọn (ví dụ: Chọn Tỉnh/Thành phố), bạn sẽ sử dụng thẻ nào để bao bọc các tùy chọn (`
A. ``
B. `
C. ``
D. ``
Câu 14: Khi sử dụng thẻ `` liên kết với một điều khiển nhập liệu (ví dụ: ``), thuộc tính `for` của thẻ `` cần có giá trị bằng với thuộc tính nào của điều khiển nhập liệu tương ứng?
A. `name`
B. `value`
C. `id`
D. `type`
Câu 15: Bạn muốn thêm một ô nhập liệu hiển thị văn bản gợi ý mờ bên trong trước khi người dùng nhập liệu (ví dụ: "Nhập tên của bạn"). Thuộc tính nào của `
A. `placeholder`
B. `hint`
C. `tooltip`
D. `label`
Câu 16: Để một ô nhập liệu (ví dụ: email, mật khẩu) bắt buộc người dùng phải điền thông tin trước khi gửi biểu mẫu, bạn sử dụng thuộc tính Boolean nào?
A. `mandatory`
B. `compulsory`
C. `mustfill`
D. `required`
Câu 17: Xét đoạn mã HTML sau: `
A. Để trình duyệt hiển thị chúng theo thứ tự cụ thể.
B. Để đảm bảo chỉ một trong hai tùy chọn có thể được chọn tại một thời điểm.
C. Để định dạng màu sắc cho các nút chọn.
D. Để gán cùng một giá trị "color" cho cả hai tùy chọn khi gửi đi.
Câu 18: Khi thiết kế biểu mẫu, việc sắp xếp các điều khiển nhập liệu và nhãn một cách logic, từ trái sang phải và từ trên xuống dưới, chủ yếu nhằm mục đích gì?
A. Giúp người dùng dễ dàng sử dụng và hoàn thành biểu mẫu.
B. Tăng tốc độ xử lý dữ liệu của máy chủ.
C. Làm cho mã HTML của biểu mẫu ngắn gọn hơn.
D. Ngăn chặn việc người dùng nhập sai thông tin.
Câu 19: Xét đoạn mã biểu mẫu sau: `
A. `/submit.php`
B. `/submit.php?keyword`
C. `/submit.php?keyword=tin+hoc`
D. `/submit.php?submit=Tìm`
Câu 20: Sự khác biệt cơ bản giữa `method=
A. GET gửi dữ liệu đến máy chủ, còn POST chỉ xử lý dữ liệu trên trình duyệt.
B. GET dùng cho biểu mẫu đơn giản, POST dùng cho biểu mẫu phức tạp.
C. GET gửi dữ liệu trong phần thân HTTP, còn POST gửi dữ liệu qua URL.
D. GET gửi dữ liệu qua URL (hiển thị rõ), còn POST gửi dữ liệu trong phần thân yêu cầu HTTP (không hiển thị rõ).
Câu 21: Bạn đang tạo một biểu mẫu khảo sát. Đối với câu hỏi "Bạn sử dụng trình duyệt nào? (Có thể chọn nhiều)", bạn nên sử dụng loại điều khiển nào và đặt thuộc tính `name` như thế nào?
A. Hộp kiểm (`
B. Nút chọn (`
C. Ô văn bản (`
D. Danh sách thả xuống (`
Câu 22: Xét đoạn mã sau: `
A. Tự động điền địa chỉ email của người dùng.
B. Bắt buộc người dùng phải nhập địa chỉ email.
C. Cho phép người dùng nhấp vào văn bản "Email:" để đặt con trỏ vào ô nhập liệu.
D. Thay đổi kiểu chữ (font style) của văn bản "Email:".
Câu 23: Bạn muốn tạo một nút cho phép người dùng xóa tất cả dữ liệu đã nhập vào biểu mẫu về trạng thái ban đầu. Loại điều khiển `` nào thực hiện chức năng này?
A. `
B. `
C. `
D. `
Câu 24: Điều khiển `
A. Để hiển thị một trường nhập liệu bị vô hiệu hóa (không cho chỉnh sửa).
B. Để lưu trữ và gửi dữ liệu về máy chủ mà không hiển thị trên giao diện người dùng.
C. Để tạo một trường nhập liệu cho các ký tự đặc biệt.
D. Để ẩn toàn bộ biểu mẫu khỏi người dùng.
Câu 25: Khi thiết kế một biểu mẫu, việc nhóm các điều khiển nhập liệu có liên quan đến nhau (ví dụ: thông tin cá nhân, thông tin liên lạc) bằng cách sử dụng thẻ `
` và `
Câu 26: Bạn có một form đăng ký yêu cầu người dùng chọn "Quốc gia cư trú" từ một danh sách rất dài (hơn 200 quốc gia). Loại điều khiển nào là lựa chọn hiệu quả và thân thiện với người dùng nhất trong trường hợp này?
A. Danh sách thả xuống (`
B. Nút chọn (`
C. Hộp kiểm (`
D. Ô văn bản (`
Câu 27: Xét đoạn mã HTML của một ô nhập liệu: `
A. Xác định số lượng ký tự tối thiểu và tối đa có thể nhập.
B. Thiết lập giá trị số nhỏ nhất và lớn nhất được phép nhập.
C. Đặt kích thước hiển thị của ô nhập liệu.
D. Kiểm soát số lượng mục có thể chọn từ danh sách (không áp dụng cho type="number").
Câu 28: Điều gì xảy ra với dữ liệu đã nhập trong biểu mẫu khi người dùng nhấp vào nút `
A. Dữ liệu được gửi về máy chủ với giá trị rỗng.
B. Biểu mẫu chuyển hướng đến trang khác.
C. Dữ liệu được lưu trữ tạm thời trên trình duyệt.
D. Tất cả dữ liệu đã nhập trong biểu mẫu được xóa và khôi phục về trạng thái mặc định.
Câu 29: Khi bạn cần tạo một trường nhập liệu cho địa chỉ email, việc sử dụng `
A. Cho phép nhập nhiều địa chỉ email cùng lúc.
B. Mã hóa địa chỉ email để bảo mật.
C. Cung cấp tính năng kiểm tra định dạng email cơ bản phía trình duyệt.
D. Tự động hoàn thành địa chỉ email từ danh bạ.
Câu 30: Bạn cần thiết kế một biểu mẫu liên hệ gồm các trường: Tên (ngắn), Email (định dạng cụ thể), Số điện thoại (định dạng số), Nội dung tin nhắn (dài), và nút Gửi. Hãy ghép nối loại điều khiển nhập liệu phù hợp nhất với từng trường dữ liệu.
A. Tên: `
B. Tên: `
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 1: Mục đích chính của việc tạo biểu mẫu (Form) trên trang web là gì?
Để hiển thị nội dung tĩnh của trang web.
Để thu thập thông tin nhập từ người dùng và gửi về máy chủ.
Để định dạng giao diện và bố cục của trang web.
Để nhúng các tệp đa phương tiện như video, âm thanh.
Biểu mẫu trên trang web được thiết kế để thu thập thông tin từ người dùng và gửi về máy chủ để xử lý.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 2: Thẻ HTML cơ bản nào được sử dụng để khai báo một biểu mẫu trên trang web?
`<input>`
`<label>`
`<form>`
`<button>`
Thẻ `
` là thẻ gốc để tạo một biểu mẫu HTML, bao gồm các điều khiển nhập liệu và nút gửi.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 3: Thuộc tính nào của thẻ `
` dùng để chỉ định URL (địa chỉ) của tệp xử lý dữ liệu sẽ nhận dữ liệu từ biểu mẫu khi được gửi đi?
`action`
`method`
`name`
`url`
Thuộc tính `action` trong thẻ `
` xác định nơi dữ liệu biểu mẫu sẽ được gửi đến sau khi người dùng nhấn nút gửi.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 4: Thuộc tính nào của thẻ `
` dùng để xác định phương thức HTTP sẽ được sử dụng khi gửi dữ liệu biểu mẫu (ví dụ: GET hoặc POST)?
`action`
`type`
`protocol`
`method`
Thuộc tính `method` trong thẻ `
` chỉ định cách dữ liệu được gửi đi, phổ biến nhất là GET (dữ liệu đính kèm vào URL) và POST (dữ liệu gửi trong phần thân yêu cầu).
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 5: Khi cần tạo một ô cho người dùng nhập một dòng văn bản ngắn (ví dụ: Tên đăng nhập, Tiêu đề), loại điều khiển `` nào là phù hợp nhất?
`<input type="checkbox">`
`<input type="text">`
`<input type="radio">`
`<textarea>`
`` là loại điều khiển chuẩn để nhập các xâu ký tự ngắn, một dòng.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 6: Để tạo một ô nhập liệu mà nội dung người dùng gõ vào sẽ được ẩn đi (thường dùng cho mật khẩu), bạn sẽ sử dụng loại điều khiển `` nào?
`<input type="text">`
`<input type="hidden">`
`<input type="password">`
`<input type="secret">`
`` hiển thị các ký tự thay thế (như dấu chấm hoặc sao) thay vì nội dung thực tế người dùng nhập vào, thích hợp cho mật khẩu.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 7: Bạn muốn người dùng chọn *một* trong các tùy chọn có sẵn (ví dụ: Giới tính: Nam hoặc Nữ). Loại điều khiển nào sau đây là lựa chọn tốt nhất để đảm bảo chỉ có một mục được chọn trong nhóm?
Nút chọn (`<input type="radio">`)
Hộp kiểm (`<input type="checkbox">`)
Danh sách thả xuống (`<select>`)
Ô văn bản (`<input type="text">`)
Các nút chọn (radio button - ``) được sử dụng khi người dùng chỉ được phép chọn một mục duy nhất từ một tập hợp các tùy chọn. Để chúng hoạt động như một nhóm, tất cả các nút trong nhóm phải có cùng 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 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 8: Bạn muốn người dùng có thể chọn *nhiều* mục từ một danh sách các sở thích (ví dụ: Đọc sách, Nghe nhạc, Chơi game). Loại điều khiển nào là phù hợp nhất cho phép chọn nhiều tùy chọn độc lập?
Nút chọn (`<input type="radio">`)
Ô văn bản (`<input type="text">`)
Danh sách thả xuống (`<select>`)
Hộp kiểm (`<input type="checkbox">`)
Hộp kiểm (checkbox - ``) cho phép người dùng chọn không hoặc nhiều mục từ một tập hợp các tùy chọn.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 9: Để gửi dữ liệu mà người dùng đã nhập vào biểu mẫu về máy chủ để xử lý, bạn cần thêm loại nút nào vào biểu mẫu?
Nút reset (`<input type="reset">`)
Nút thường (`<button type="button">`)
Nút gửi (`<input type="submit">`)
Nút chọn (`<input type="radio">`)
Nút gửi (`` hoặc ``) là điều khiển kích hoạt quá trình thu thập dữ liệu từ các trường nhập liệu và gửi chúng đến URL được chỉ định trong thuộc tính `action` của thẻ `
` theo `method` đã định.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 10: Thuộc tính `name` trong các điều khiển nhập liệu (``, `
Xác định kiểu dữ liệu mà người dùng có thể nhập.
Cung cấp tên để nhận diện dữ liệu của điều khiển khi gửi về máy chủ.
Đặt văn bản hiển thị bên cạnh điều khiển trên trang web.
Thiết lập giá trị mặc định cho điều khiển.
Thuộc tính `name` cung cấp tên cho điều khiển. Khi biểu mẫu được gửi, dữ liệu của mỗi điều khiển sẽ được gửi dưới dạng cặp `tên=giá_trị`, giúp máy chủ nhận diện và xử lý dữ liệu từ từng trường cụ thể.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 11: Thuộc tính `value` trong các điều khiển nhập liệu có tác dụng gì?
Xác định giá trị ban đầu hoặc giá trị sẽ được gửi đi của điều khiển.
Đặt tên cho điều khiển để xử lý trên máy chủ.
Hiển thị văn bản gợi ý trong ô nhập liệu.
Giới hạn số lượng ký tự có thể nhập.
Thuộc tính `value` xác định giá trị ban đầu của điều khiển (đối với text, password, textarea) hoặc giá trị sẽ được gửi đi nếu điều khiển đó được chọn (đối với radio, checkbox, select option) hoặc văn bản hiển thị trên nút (đối với submit, reset, button).
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 12: Bạn đang thiết kế một biểu mẫu đăng ký và muốn có một ô nhập liệu lớn cho người dùng viết 'Giới thiệu bản thân'. Loại thẻ HTML nào là phù hợp nhất?
`<input type="text">`
`<input type="textarea">` (Không tồn tại)
`<input type="longtext">` (Không tồn tại)
`<textarea>`
Thẻ `
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 13: Để tạo một danh sách các tùy chọn mà người dùng có thể nhấp vào để chọn (ví dụ: Chọn Tỉnh/Thành phố), bạn sẽ sử dụng thẻ nào để bao bọc các tùy chọn (`
`<list>`
`<select>`
`<options>`
`<radio>`
Thẻ `
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 14: Khi sử dụng thẻ `` liên kết với một điều khiển nhập liệu (ví dụ: ``), thuộc tính `for` của thẻ `` cần có giá trị bằng với thuộc tính nào của điều khiển nhập liệu tương ứng?
`name`
`value`
`id`
`type`
Thuộc tính `for` của thẻ `` phải có giá trị giống với thuộc tính `id` của điều khiển nhập liệu mà nó liên kết. Điều này giúp người dùng nhấp vào nhãn để tập trung vào điều khiển tương ứng, cải thiện khả năng truy cập.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 15: Bạn muốn thêm một ô nhập liệu hiển thị văn bản gợi ý mờ bên trong trước khi người dùng nhập liệu (ví dụ: 'Nhập tên của bạn'). Thuộc tính nào của `` giúp thực hiện điều này?
`placeholder`
`hint`
`tooltip`
`label`
Thuộc tính `placeholder` hiển thị văn bản gợi ý (placeholder text) bên trong ô nhập liệu khi ô đó rỗng, giúp người dùng biết thông tin gì cần nhập.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 16: Để một ô nhập liệu (ví dụ: email, mật khẩu) bắt buộc người dùng phải điền thông tin trước khi gửi biểu mẫu, bạn sử dụng thuộc tính Boolean nào?
`mandatory`
`compulsory`
`mustfill`
`required`
Thuộc tính `required` (không cần gán giá trị, chỉ cần có mặt) đá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 biểu mẫu nếu trường này bị bỏ trống.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 17: Xét đoạn mã HTML sau: ` Đỏ Xanh`. Tại sao cả hai thẻ `` lại có cùng thuộc tính `name="color"`?
Để trình duyệt hiển thị chúng theo thứ tự cụ thể.
Để đảm bảo chỉ một trong hai tùy chọn có thể được chọn tại một thời điểm.
Để định dạng màu sắc cho các nút chọn.
Để gán cùng một giá trị 'color' cho cả hai tùy chọn khi gửi đi.
Các nút chọn (radio buttons) có cùng thuộc tính `name` được nhóm lại với nhau, đảm bảo rằng người dùng chỉ có thể chọn duy nhất một nút trong nhóm đó.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 18: Khi thiết kế biểu mẫu, việc sắp xếp các điều khiển nhập liệu và nhãn một cách logic, từ trái sang phải và từ trên xuống dưới, chủ yếu nhằm mục đích gì?
Giúp người dùng dễ dàng sử dụng và hoàn thành biểu mẫu.
Tăng tốc độ xử lý dữ liệu của máy chủ.
Làm cho mã HTML của biểu mẫu ngắn gọn hơn.
Ngăn chặn việc người dùng nhập sai thông tin.
Sắp xếp các thành phần biểu mẫu theo một luồng tự nhiên giúp người dùng dễ dàng theo dõi, hiểu và hoàn thành biểu mẫu, cải thiện trải nghiệm người dùng.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 19: Xét đoạn mã biểu mẫu sau: `
`. Nếu người dùng nhập 'tin hoc' vào ô văn bản và nhấn nút 'Tìm', URL mà trình duyệt gửi yêu cầu đến máy chủ có thể trông như thế nào?
`/submit.php`
`/submit.php?keyword`
`/submit.php?keyword=tin+hoc`
`/submit.php?submit=Tìm`
Với method="GET", dữ liệu biểu mẫu được đính kèm vào URL dưới dạng các cặp tên=giá_trị, phân tách bằng dấu '?' sau URL action, và các cặp khác phân tách bằng '&'. Tên điều khiển là 'keyword', giá trị là 'tin hoc'.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 20: Sự khác biệt cơ bản giữa `method="GET"` và `method="POST"` khi gửi dữ liệu biểu mẫu là gì?
GET gửi dữ liệu đến máy chủ, còn POST chỉ xử lý dữ liệu trên trình duyệt.
GET dùng cho biểu mẫu đơn giản, POST dùng cho biểu mẫu phức tạp.
GET gửi dữ liệu trong phần thân HTTP, còn POST gửi dữ liệu qua URL.
GET gửi dữ liệu qua URL (hiển thị rõ), còn POST gửi dữ liệu trong phần thân yêu cầu HTTP (không hiển thị rõ).
GET gửi dữ liệu trong URL (có giới hạn kích thước và hiển thị rõ), thích hợp cho các yêu cầu không nhạy cảm và có thể đánh dấu trang. POST gửi dữ liệu trong phần thân yêu cầu HTTP (không hiển thị rõ trên URL, không giới hạn kích thước), thích hợp cho dữ liệu nhạy cảm (mật khẩu) hoặc dữ liệu lớn (tệp 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 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 21: Bạn đang tạo một biểu mẫu khảo sát. Đối với câu hỏi 'Bạn sử dụng trình duyệt nào? (Có thể chọn nhiều)', bạn nên sử dụng loại điều khiển nào và đặt thuộc tính `name` như thế nào?
Hộp kiểm (`<input type="checkbox">`) với thuộc tính `name` giống nhau cho tất cả các tùy chọn (ví dụ: `name="browsers[]"`).
Nút chọn (`<input type="radio">`) với thuộc tính `name` giống nhau cho tất cả các tùy chọn.
Ô văn bản (`<input type="text">`) với thuộc tính `name` khác nhau cho mỗi tùy chọn.
Danh sách thả xuống (`<select>`) chỉ cho phép chọn một mục.
Để cho phép chọn nhiều mục, sử dụng hộp kiểm (``). Để máy chủ nhận được một danh sách các tùy chọn đã chọn cho cùng một câu hỏi, thuộc tính `name` của tất cả các hộp kiểm trong nhóm này nên giống nhau và kết thúc bằng `[]` (ví dụ: `name="browsers[]"`) để chỉ ra rằng đây là một mảng giá trị.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 22: Xét đoạn mã sau: `Email: `. Việc sử dụng thẻ `` và thuộc tính `for="email"` liên kết với `` mang lại lợi ích gì?
Tự động điền địa chỉ email của người dùng.
Bắt buộc người dùng phải nhập địa chỉ email.
Cho phép người dùng nhấp vào văn bản 'Email:' để đặt con trỏ vào ô nhập liệu.
Thay đổi kiểu chữ (font style) của văn bản 'Email:'.
Liên kết nhãn với điều khiển nhập liệu bằng `for` và `id` giúp người dùng nhấp vào văn bản nhãn để tập trung (focus) vào ô nhập liệu tương ứng, cải thiện khả năng sử dụng, đặc biệt cho người dùng sử dụng thiết bị hỗ trợ (như trình đọc màn hình).
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 23: Bạn muốn tạo một nút cho phép người dùng xóa tất cả dữ liệu đã nhập vào biểu mẫu về trạng thái ban đầu. Loại điều khiển `` nào thực hiện chức năng này?
`<input type="reset">`
`<input type="clear">`
`<input type="button">` (cần code JavaScript để thực hiện chức năng)
`<input type="delete">`
`` tạo một nút khi nhấp vào sẽ đặt lại tất cả các điều khiển trong cùng biểu mẫu về giá trị mặc định ban đầu của chúng.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 24: Điều khiển `` thường được sử dụng với mục đích gì trong biểu mẫu?
Để hiển thị một trường nhập liệu bị vô hiệu hóa (không cho chỉnh sửa).
Để lưu trữ và gửi dữ liệu về máy chủ mà không hiển thị trên giao diện người dùng.
Để tạo một trường nhập liệu cho các ký tự đặc biệt.
Để ẩn toàn bộ biểu mẫu khỏi người dùng.
`` lưu trữ dữ liệu không hiển thị trên giao diện cho người dùng, nhưng vẫn được gửi về máy chủ cùng với các dữ liệu khác của biểu mẫu. Nó thường dùng để truyền các thông tin cần thiết cho quá trình xử lý phía máy chủ mà người dùng không cần hoặc không nên tương tác trực tiếp (ví dụ: ID bản ghi, token bảo mật).
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 25: Khi thiết kế một biểu mẫu, việc nhóm các điều khiển nhập liệu có liên quan đến nhau (ví dụ: thông tin cá nhân, thông tin liên lạc) bằng cách sử dụng thẻ `
` và `
`
` tạo một khung bao quanh một nhóm các điều khiển, và `
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 26: Bạn có một form đăng ký yêu cầu người dùng chọn 'Quốc gia cư trú' từ một danh sách rất dài (hơn 200 quốc gia). Loại điều khiển nào là lựa chọn hiệu quả và thân thiện với người dùng nhất trong trường hợp này?
Danh sách thả xuống (`<select>`)
Nút chọn (`<input type="radio">`)
Hộp kiểm (`<input type="checkbox">`)
Ô văn bản (`<input type="text">`)
Đối với danh sách tùy chọn lớn, danh sách thả xuống (`
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 27: Xét đoạn mã HTML của một ô nhập liệu: ``. Thuộc tính `min` và `max` trong trường hợp này có tác dụng gì?
Xác định số lượng ký tự tối thiểu và tối đa có thể nhập.
Thiết lập giá trị số nhỏ nhất và lớn nhất được phép nhập.
Đặt kích thước hiển thị của ô nhập liệu.
Kiểm soát số lượng mục có thể chọn từ danh sách (không áp dụng cho type='number').
Thuộc tính `min` và `max` trong các input type số (`number`, `range`, `date`, v.v.) thiết lập giới hạn dưới và trên cho giá trị mà người dùng có thể nhập vào.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 28: Điều gì xảy ra với dữ liệu đã nhập trong biểu mẫu khi người dùng nhấp vào nút ``?
Dữ liệu được gửi về máy chủ với giá trị rỗng.
Biểu mẫu chuyển hướng đến trang khác.
Dữ liệu được lưu trữ tạm thời trên trình duyệt.
Tất cả dữ liệu đã nhập trong biểu mẫu được xóa và khôi phục về trạng thái mặc định.
Nút reset được thiết kế để xóa mọi dữ liệu mà người dùng đã nhập hoặc thay đổi trong biểu mẫu và khôi phục các điều khiển về trạng thái ban đầu của chúng (giá trị mặc định hoặc trống).
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 29: Khi bạn cần tạo một trường nhập liệu cho địa chỉ email, việc sử dụng `` thay vì `` mang lại lợi ích chính nào?
Cho phép nhập nhiều địa chỉ email cùng lúc.
Mã hóa địa chỉ email để bảo mật.
Cung cấp tính năng kiểm tra định dạng email cơ bản phía trình duyệt.
Tự động hoàn thành địa chỉ email từ danh bạ.
Sử dụng `type="email"` cung cấp chức năng kiểm tra định dạng email cơ bản phía trình duyệt (client-side validation) trước khi gửi biểu mẫu, giúp giảm thiểu lỗi nhập liệu và cải thiện trải nghiệm người dùng trên một số thiết bị (ví dụ: hiển thị bàn phím tối ưu cho nhập email).
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 08
Câu 30: Bạn cần thiết kế một biểu mẫu liên hệ gồm các trường: Tên (ngắn), Email (định dạng cụ thể), Số điện thoại (định dạng số), Nội dung tin nhắn (dài), và nút Gửi. Hãy ghép nối loại điều khiển nhập liệu phù hợp nhất với từng trường dữ liệu.
Tên: `<input type="text">`, Email: `<input type="email">`, Số điện thoại: `<input type="tel">`, Nội dung: `<textarea>`, Gửi: `<input type="submit">`
Tên: `<textarea>`, Email: `<input type="text">`, Số điện thoại: `<input type="number">`, Nội dung: `<input type="text">`, Gửi: `<input type="button">`
Tên: `<input type="text">`, Email: `<input type="url">`, Số điện thoại: `<input type="text">`, Nội dung: `<textarea>`, Gửi: `<input type="reset">`
Tên: `<input type="text">`, Email: `<input type="email">`, Số điện thoại: `<input type="text">`, Nội dung: `<input type="text">`, Gửi: `<input type="submit">`
Phân tích yêu cầu từng trường: Tên (ngắn) -> text; Email (định dạng) -> email; Số điện thoại (số) -> tel hoặc number (tùy yêu cầu kiểm tra định dạng); Nội dung tin nhắn (dài) -> textarea; nút Gửi -> submit. Lựa chọn phù hợp nhất với các tùy chọn đưa ra.
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 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 09
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 09 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong lập trình web, thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu (form) trên trang web, dùng để thu thập dữ liệu từ người dùng?
A. <input>
B. <button>
C. <form>
D. <label>
Câu 2: Thuộc tính nào của thẻ <form> chỉ định địa chỉ URL mà dữ liệu của biểu mẫu sẽ được gửi đến để xử lý khi biểu mẫu được gửi đi?
A. action
B. method
C. name
D. type
Câu 3: Bạn cần tạo một ô nhập liệu để người dùng nhập mật khẩu. Loại type nào của thẻ <input> là phù hợp nhất để các ký tự nhập vào bị che đi (ví dụ bằng dấu chấm hoặc sao)?
A. text
B. email
C. number
D. password
Câu 4: Khi thiết kế một biểu mẫu đăng ký, bạn muốn người dùng chọn giới tính (Chỉ được chọn Nam hoặc Nữ). Loại điều khiển nhập liệu nào là tối ưu để đảm bảo chỉ một lựa chọn được chọn trong nhóm này?
A. Hộp kiểm (Checkbox)
B. Nút chọn (Radio button)
C. Ô văn bản (Text box)
D. Vùng văn bản (Textarea)
Câu 5: Để nhóm các nút chọn (radio button) lại với nhau sao cho chỉ có thể chọn một nút trong nhóm, thuộc tính nào của các thẻ <input type=
A. id
B. value
C. name
D. type
Câu 6: Bạn đang tạo một biểu mẫu khảo sát sở thích. Người dùng có thể chọn nhiều sở thích cùng lúc (ví dụ: Đọc sách, Xem phim, Chơi thể thao). Loại điều khiển nhập liệu nào nên được sử dụng cho trường hợp này?
A. Hộp kiểm (Checkbox)
B. Nút chọn (Radio button)
C. Danh sách thả xuống (Dropdown list)
D. Ô văn bản (Text box)
Câu 7: Nút nào trong biểu mẫu được sử dụng để xóa bỏ tất cả dữ liệu mà người dùng đã nhập vào các trường của biểu mẫu và đưa biểu mẫu về trạng thái ban đầu?
A. Nút gửi (Submit button)
B. Nút thường (Button)
C. Nút hình ảnh (Image button)
D. Nút đặt lại (Reset button)
Câu 8: Thuộc tính value của thẻ <input type=
A. Xác định tên của ô nhập liệu khi gửi dữ liệu.
B. Đặt giá trị mặc định hiển thị trong ô nhập liệu khi trang web tải.
C. Giới hạn số lượng ký tự có thể nhập.
D. Hiển thị văn bản gợi ý trong ô nhập liệu (sẽ biến mất khi bắt đầu nhập).
Câu 9: Khi dữ liệu từ biểu mẫu được gửi đi bằng phương thức GET, điều gì thường xảy ra với dữ liệu đó?
A. Dữ liệu được gửi trong phần thân (body) của yêu cầu HTTP.
B. Dữ liệu được mã hóa và không hiển thị trên URL.
C. Dữ liệu được thêm vào cuối URL dưới dạng các cặp tên=giá trị.
D. Dữ liệu chỉ được xử lý trên máy khách (trình duyệt).
Câu 10: Thuộc tính placeholder của thẻ <input> được sử dụng với mục đích gì?
A. Cung cấp một gợi ý ngắn gọn (văn bản mờ) về thông tin mong đợi trong trường nhập liệu.
B. Đặt tên cho trường nhập liệu để gửi dữ liệu về máy chủ.
D. Yêu cầu người dùng phải nhập dữ liệu vào trường này trước khi gửi biểu mẫu.
Câu 11: Thẻ HTML nào thường được sử dụng để tạo nhãn (label) cho một điều khiển nhập liệu, giúp cải thiện khả năng truy cập và trải nghiệm người dùng?
A. <caption>
B. <label>
C. <text>
D. <span>
Câu 12: Để liên kết một thẻ <label> với một điều khiển nhập liệu (ví dụ: <input type=
A. name
B. value
C. id
D. type
Câu 13: Xét đoạn mã HTML sau: <input type=
A. fruits=apple,orange
B. fruits=apple&orange
C. fruits=appleorange
D. fruits=apple&fruits=orange
Câu 14: Thuộc tính method của thẻ <form> có hai giá trị phổ biến là GET và POST. Sự khác biệt chính giữa hai phương thức này là gì?
A. GET gửi dữ liệu trong URL, POST gửi dữ liệu trong phần thân yêu cầu HTTP.
B. GET an toàn hơn POST.
C. GET dùng để gửi các tệp lớn, POST dùng cho dữ liệu văn bản nhỏ.
D. GET chỉ dùng cho biểu mẫu tìm kiếm, POST dùng cho đăng nhập/đăng ký.
Câu 15: Khi nào thì nên sử dụng phương thức POST để gửi dữ liệu từ biểu mẫu thay vì GET?
A. Khi dữ liệu cần được đánh dấu trang (bookmark) hoặc chia sẻ dễ dàng.
B. Khi chỉ gửi một lượng nhỏ dữ liệu không quan trọng.
C. Khi gửi dữ liệu nhạy cảm (ví dụ: mật khẩu, thông tin cá nhân) hoặc dữ liệu có kích thước lớn.
D. Khi kết quả của việc gửi biểu mẫu không làm thay đổi trạng thái trên máy chủ.
Câu 16: Thẻ HTML nào được sử dụng để tạo một vùng nhập liệu văn bản nhiều dòng trong biểu mẫu?
A. <input type=
B. <input type=
C. <textfield>
D. <textarea>
Câu 17: Xét đoạn mã: <input type=
A. Có, vì chúng thuộc các nhóm khác nhau ("color" và "size").
B. Không, vì chúng đều là input type=
C. Không, vì chỉ có thể chọn một radio button trong cùng một biểu mẫu.
D. Có, nhưng dữ liệu gửi đi sẽ không chính xác.
Câu 18: Bạn muốn tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một mục từ nhiều tùy chọn (ví dụ: chọn quốc gia). Thẻ HTML nào là phù hợp nhất để tạo danh sách này?
A. <input type=
B. <checkbox>
C. <select>
D. <radio>
Câu 19: Khi sử dụng thẻ <select> để tạo danh sách thả xuống, các tùy chọn riêng lẻ bên trong danh sách được định nghĩa bằng thẻ nào?
A. <option>
B. <item>
C. <list>
D. <selectitem>
Câu 20: Thuộc tính required được thêm vào thẻ <input> có tác dụng gì?
A. Đặt giá trị mặc định cho trường.
B. Yêu cầu người dùng phải nhập dữ liệu vào trường này trước khi có thể gửi biểu mẫu.
C. Giới hạn số lượng ký tự tối đa có thể nhập.
D. Cung cấp gợi ý về định dạng dữ liệu mong muốn.
Câu 21: Tại sao việc sắp xếp các điều khiển nhập liệu theo một trình tự logic (ví dụ: từ trên xuống dưới, từ trái sang phải) lại quan trọng trong thiết kế biểu mẫu?
A. Giúp giảm dung lượng tệp HTML.
B. Tăng tốc độ xử lý dữ liệu trên máy chủ.
C. Chỉ có tác dụng thẩm mỹ, không ảnh hưởng đến chức năng.
D. Giúp người dùng dễ dàng hiểu và điền thông tin vào biểu mẫu theo một luồng tự nhiên.
Câu 22: Bạn đang thiết kế một biểu mẫu đặt hàng và cần người dùng nhập số lượng sản phẩm. Loại type nào của thẻ <input> sẽ giúp trình duyệt hiển thị bàn phím số trên thiết bị di động và có thể có các nút tăng/giảm?
A. text
B. numeric
C. number
D. quantity
Câu 23: Điều gì xảy ra nếu một điều khiển nhập liệu trong biểu mẫu (ví dụ: <input type=
A. Dữ liệu nhập vào trường đó sẽ không được gửi cùng với biểu mẫu khi nút submit được nhấn.
B. Biểu mẫu sẽ không thể gửi đi được.
C. Trường nhập liệu sẽ không hiển thị trên trang web.
D. Dữ liệu sẽ được gửi đi nhưng không có nhãn đi kèm.
Câu 24: Xét một biểu mẫu đăng nhập chỉ có hai trường: Tên đăng nhập và Mật khẩu, cùng với nút "Đăng nhập". Phương thức gửi dữ liệu nào (GET hay POST) thường được khuyến nghị sử dụng cho biểu mẫu này và tại sao?
A. GET, vì nó nhanh hơn.
B. POST, vì dữ liệu mật khẩu không nên hiển thị trên URL.
C. GET, vì dữ liệu đăng nhập thường ngắn.
D. POST, vì POST là phương thức mặc định cho biểu mẫu.
Câu 25: Thẻ <button> có thể được sử dụng thay cho <input type=
A. type
B. value
C. name
D. formaction
Câu 26: 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ẻ <input> là phù hợp nhất và thường hiển thị giao diện chọn ngày tiện lợi trên nhiều trình duyệt?
A. text
B. datetime
C. calendar
D. date
Câu 27: Trong một biểu mẫu, việc sử dụng thuộc tính id cho các điều khiển nhập liệu có ý nghĩa quan trọng nhất đối với thành phần nào khác của biểu mẫu?
A. Thẻ <form>
B. Thẻ <label>
C. Các thẻ <input> khác trong cùng nhóm.
D. Nút gửi (Submit button).
Câu 28: Bạn đang tạo một biểu mẫu phản hồi và cần một vùng lớn để người dùng nhập nhận xét chi tiết. Điều khiển nào là lựa chọn tốt nhất?
A. <input type=
B. <input type=
C. <textarea>
D. <input type=
Câu 29: Đâu là lý do chính khiến việc thiết kế biểu mẫu thân thiện với người dùng (usability) lại quan trọng?
A. Giúp người dùng dễ dàng hoàn thành việc nhập dữ liệu, giảm thiểu sai sót và tăng tỷ lệ gửi biểu mẫu thành công.
B. Làm cho biểu mẫu trông đẹp mắt hơn.
C. Tăng tốc độ tải trang.
D. Giảm tải cho máy chủ xử lý biểu mẫu.
Câu 30: Xét một biểu mẫu khảo sát nhỏ hỏi về mức độ hài lòng (Rất hài lòng, Hài lòng, Bình thường, Không hài lòng). Loại điều khiển nào là phù hợp nhất cho câu hỏi này nếu chỉ cho phép chọn MỘT mức độ?
A. Hộp kiểm (Checkbox)
B. Ô văn bản (Text box)
C. Vùng văn bản (Textarea)
D. Nút chọn (Radio button)
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 1: Trong lập trình web, thẻ HTML nào được sử dụng để định nghĩa một biểu mẫu (form) trên trang web, dùng để thu thập dữ liệu từ người dùng?
<code><input></code>
<code><button></code>
<code><form></code>
<code><label></code>
Câu hỏi kiểm tra kiến thức cơ bản về thẻ HTML dùng để tạo biểu mẫu. Thẻ
là container chính cho các điều khiển biểu mẫu.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 2: Thuộc tính nào của thẻ
chỉ định địa chỉ URL mà dữ liệu của biểu mẫu sẽ được gửi đến để xử lý khi biểu mẫu được gửi đi?
<code>action</code>
<code>method</code>
<code>name</code>
<code>type</code>
Câu hỏi kiểm tra thuộc tính quan trọng của thẻ
dùng để xác định điểm đến của dữ liệu. Thuộc tính 'action' làm nhiệm vụ này.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 3: Bạn cần tạo một ô nhập liệu để người dùng nhập mật khẩu. Loại type nào của thẻ là phù hợp nhất để các ký tự nhập vào bị che đi (ví dụ bằng dấu chấm hoặc sao)?
<code>text</code>
<code>email</code>
<code>number</code>
<code>password</code>
Câu hỏi yêu cầu áp dụng kiến thức về các loại input type vào trường hợp cụ thể là nhập mật khẩu, nơi dữ liệu cần được ẩn đi.
4 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 4: Khi thiết kế một biểu mẫu đăng ký, bạn muốn người dùng chọn giới tính (Chỉ được chọn Nam hoặc Nữ). Loại điều khiển nhập liệu nào là tối ưu để đảm bảo chỉ một lựa chọn được chọn trong nhóm này?
Hộp kiểm (Checkbox)
Nút chọn (Radio button)
Ô văn bản (Text box)
Vùng văn bản (Textarea)
Câu hỏi yêu cầu phân tích tình huống (chọn một trong nhiều) để chọn loại điều khiển phù hợp. Nút chọn (radio button) được dùng cho trường hợp này.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 5: Để nhóm các nút chọn (radio button) lại với nhau sao cho chỉ có thể chọn một nút trong nhóm, thuộc tính nào của các thẻ trong cùng nhóm phải có giá trị giống nhau?
<code>id</code>
<code>value</code>
<code>name</code>
<code>type</code>
Câu hỏi kiểm tra hiểu biết về cách nhóm radio button, một khái niệm cốt lõi để chúng hoạt động đúng chức năng 'chọn một'. Thuộc tính 'name' quyết định việc nhóm này.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 6: Bạn đang tạo một biểu mẫu khảo sát sở thích. Người dùng có thể chọn nhiều sở thích cùng lúc (ví dụ: Đọc sách, Xem phim, Chơi thể thao). Loại điều khiển nhập liệu nào nên được sử dụng cho trường hợp này?
Hộp kiểm (Checkbox)
Nút chọn (Radio button)
Danh sách thả xuống (Dropdown list)
Ô văn bản (Text box)
Câu hỏi yêu cầu áp dụng kiến thức về các loại điều khiển vào tình huống cụ thể là cho phép chọn nhiều tùy chọn. Hộp kiểm (checkbox) phù hợp với yêu cầu này.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 7: Nút nào trong biểu mẫu được sử dụng để xóa bỏ tất cả dữ liệu mà người dùng đã nhập vào các trường của biểu mẫu và đưa biểu mẫu về trạng thái ban đầu?
Nút gửi (Submit button)
Nút thường (Button)
Nút hình ảnh (Image button)
Nút đặt lại (Reset button)
Câu hỏi kiểm tra chức năng của các loại nút lệnh trong biểu mẫu. Nút 'reset' dùng để đặt lại biểu mẫu.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 8: Thuộc tính value của thẻ có tác dụng gì?
Xác định tên của ô nhập liệu khi gửi dữ liệu.
Đặt giá trị mặc định hiển thị trong ô nhập liệu khi trang web tải.
Giới hạn số lượng ký tự có thể nhập.
Hiển thị văn bản gợi ý trong ô nhập liệu (sẽ biến mất khi bắt đầu nhập).
Câu hỏi kiểm tra hiểu biết về thuộc tính 'value' khi áp dụng cho input type='text'. Nó dùng để thiết lập giá trị mặc định cho ô nhập liệu.
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 9: Khi dữ liệu từ biểu mẫu được gửi đi bằng phương thức GET, điều gì thường xảy ra với dữ liệu đó?
Dữ liệu được gửi trong phần thân (body) của yêu cầu HTTP.
Dữ liệu được mã hóa và không hiển thị trên URL.
Dữ liệu được thêm vào cuối URL dưới dạng các cặp tên=giá trị.
Dữ liệu chỉ được xử lý trên máy khách (trình duyệt).
Câu hỏi yêu cầu phân tích cách thức hoạt động của phương thức GET khi gửi dữ liệu biểu mẫu. Dữ liệu được thêm vào URL.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 10: Thuộc tính placeholder của thẻ được sử dụng với mục đích gì?
Cung cấp một gợi ý ngắn gọn (văn bản mờ) về thông tin mong đợi trong trường nhập liệu.
Đặt tên cho trường nhập liệu để gửi dữ liệu về máy chủ.
Yêu cầu người dùng phải nhập dữ liệu vào trường này trước khi gửi biểu mẫu.
Câu hỏi kiểm tra thuộc tính 'placeholder' giúp người dùng hiểu rõ hơn về dữ liệu cần nhập vào ô. Nó hiển thị văn bản gợi ý.
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 11: Thẻ HTML nào thường được sử dụng để tạo nhãn (label) cho một điều khiển nhập liệu, giúp cải thiện khả năng truy cập và trải nghiệm người dùng?
<code><caption></code>
<code><label></code>
<code><text></code>
<code><span></code>
Câu hỏi kiểm tra thẻ HTML dùng để tạo nhãn cho các điều khiển biểu mẫu, một yếu tố quan trọng của thiết kế biểu mẫu tốt. Thẻ làm nhiệm vụ này.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 12: Để liên kết một thẻ với một điều khiển nhập liệu (ví dụ: ), thuộc tính for của thẻ phải có giá trị bằng thuộc tính nào của điều khiển nhập liệu đó?
<code>name</code>
<code>value</code>
<code>id</code>
<code>type</code>
Câu hỏi yêu cầu phân tích cách liên kết nhãn với điều khiển, một kỹ năng áp dụng để tạo biểu mẫu có tính tương tác tốt hơn (ví dụ: nhấp vào nhãn sẽ tập trung vào ô nhập liệu). Thuộc tính 'for' của label liên kết với 'id' của input.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 13: Xét đoạn mã HTML sau: Apple
Banana
Orange
Nếu người dùng chọn cả 'Apple' và 'Orange' và gửi biểu mẫu, dữ liệu nào có khả năng được gửi đến máy chủ (giả sử phương thức GET)?
<code>fruits=apple,orange</code>
<code>fruits=apple&orange</code>
<code>fruits=appleorange</code>
<code>fruits=apple&fruits=orange</code>
Câu hỏi yêu cầu phân tích cách dữ liệu từ hộp kiểm (checkbox) được gửi đi khi nhiều mục được chọn. Mỗi hộp kiểm được chọn sẽ gửi cặp tên=giá trị của riêng nó.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 14: Thuộc tính method của thẻ
có hai giá trị phổ biến là GET và POST. Sự khác biệt chính giữa hai phương thức này 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 HTTP.
GET an toàn hơn POST.
GET dùng để gửi các tệp lớn, POST dùng cho dữ liệu văn bản nhỏ.
GET chỉ dùng cho biểu mẫu tìm kiếm, POST dùng cho đăng nhập/đăng ký.
Câu hỏi yêu cầu phân tích sự khác biệt cơ bản giữa hai phương thức gửi dữ liệu phổ biến trong biểu mẫu, tập trung vào cách dữ liệu được truyền đi.
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 15: Khi nào thì nên sử dụng phương thức POST để gửi dữ liệu từ biểu mẫu thay vì GET?
Khi dữ liệu cần được đánh dấu trang (bookmark) hoặc chia sẻ dễ dàng.
Khi chỉ gửi một lượng nhỏ dữ liệu không quan trọng.
Khi gửi dữ liệu nhạy cảm (ví dụ: mật khẩu, thông tin cá nhân) hoặc dữ liệu có kích thước lớn.
Khi kết quả của việc gửi biểu mẫu không làm thay đổi trạng thái trên máy chủ.
Câu hỏi yêu cầu áp dụng kiến thức về GET vs POST vào tình huống thực tế. POST phù hợp khi gửi dữ liệu nhạy cảm hoặc dữ liệu lớn.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 16: Thẻ HTML nào được sử dụng để tạo một vùng nhập liệu văn bản nhiều dòng trong biểu mẫu?
<code><input type="text"></code>
<code><input type="textarea"></code>
<code><textfield></code>
<code><textarea></code>
Câu hỏi kiểm tra thẻ HTML cụ thể dùng để tạo vùng nhập liệu lớn, đa dòng, khác với ô văn bản thông thường. Thẻ
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 17: Xét đoạn mã: Đỏ
Lớn
Xanh
Người dùng có thể chọn đồng thời 'Đỏ' và 'Lớn' không? Tại sao?
Có, vì chúng thuộc các nhóm khác nhau ('color' và 'size').
Không, vì chúng đều là input type="radio".
Không, vì chỉ có thể chọn một radio button trong cùng một biểu mẫu.
Có, nhưng dữ liệu gửi đi sẽ không chính xác.
Câu hỏi yêu cầu phân tích cách nhóm radio button hoạt động dựa trên thuộc tính 'name'. Radio button có 'name' khác nhau thuộc các nhóm khác nhau và có thể chọn đồng thời.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 18: Bạn muốn tạo một danh sách thả xuống (dropdown list) cho phép người dùng chọn một mục từ nhiều tùy chọn (ví dụ: chọn quốc gia). Thẻ HTML nào là phù hợp nhất để tạo danh sách này?
<code><input type="list"></code>
<code><checkbox></code>
<code><select></code>
<code><radio></code>
Câu hỏi kiểm tra kiến thức về thẻ HTML dùng để tạo danh sách chọn. Thẻ
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 19: Khi sử dụng thẻ để tạo danh sách thả xuống, các tùy chọn riêng lẻ bên trong danh sách được định nghĩa bằng thẻ nào?
<code><option></code>
<code><item></code>
<code><list></code>
<code><selectitem></code>
Câu hỏi kiểm tra chi tiết cấu trúc của danh sách thả xuống. Thẻ
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 20: Thuộc tính required được thêm vào thẻ có tác dụng gì?
Đặt giá trị mặc định cho trường.
Yêu cầu người dùng phải nhập dữ liệu vào trường này trước khi có thể gửi biểu mẫu.
Giới hạn số lượng ký tự tối đa có thể nhập.
Cung cấp gợi ý về định dạng dữ liệu mong muốn.
Câu hỏi kiểm tra thuộc tính 'required' giúp đảm bảo tính toàn vẹn dữ liệu bằng cách yêu cầu người dùng nhập thông tin vào trường đó.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 21: Tại sao việc sắp xếp các điều khiển nhập liệu theo một trình tự logic (ví dụ: từ trên xuống dưới, từ trái sang phải) lại quan trọng trong thiết kế biểu mẫu?
Giúp giảm dung lượng tệp HTML.
Tăng tốc độ xử lý dữ liệu trên máy chủ.
Chỉ có tác dụng thẩm mỹ, không ảnh hưởng đến chức năng.
Giúp người dùng dễ dàng hiểu và điền thông tin vào biểu mẫu theo một luồng tự nhiên.
Câu hỏi yêu cầu phân tích tầm quan trọng của bố cục trong thiết kế biểu mẫu, liên quan đến trải nghiệm người dùng. Sắp xếp logic giúp người dùng dễ dàng hoàn thành 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 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 22: Bạn đang thiết kế một biểu mẫu đặt hàng và cần người dùng nhập số lượng sản phẩm. Loại type nào của thẻ sẽ giúp trình duyệt hiển thị bàn phím số trên thiết bị di động và có thể có các nút tăng/giảm?
<code>text</code>
<code>numeric</code>
<code>number</code>
<code>quantity</code>
Câu hỏi yêu cầu áp dụng kiến thức về input type phù hợp với loại dữ liệu số, có tính đến trải nghiệm trên thiết bị di động. Type='number' là lựa chọn thích hợp.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 23: Điều gì xảy ra nếu một điều khiển nhập liệu trong biểu mẫu (ví dụ: ) không có thuộc tính name?
Dữ liệu nhập vào trường đó sẽ không được gửi cùng với biểu mẫu khi nút submit được nhấn.
Biểu mẫu sẽ không thể gửi đi được.
Trường nhập liệu sẽ không hiển thị trên trang web.
Dữ liệu sẽ được gửi đi nhưng không có nhãn đi kèm.
Câu hỏi yêu cầu phân tích hậu quả của việc thiếu thuộc tính 'name' đối với dữ liệu biểu mẫu khi gửi đi. Dữ liệu từ các trường thiếu 'name' sẽ không được gửi.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 24: Xét một biểu mẫu đăng nhập chỉ có hai trường: Tên đăng nhập và Mật khẩu, cùng với nút 'Đăng nhập'. Phương thức gửi dữ liệu nào (GET hay POST) thường được khuyến nghị sử dụng cho biểu mẫu này và tại sao?
GET, vì nó nhanh hơn.
POST, vì dữ liệu mật khẩu không nên hiển thị trên URL.
GET, vì dữ liệu đăng nhập thường ngắn.
POST, vì POST là phương thức mặc định cho biểu mẫu.
Câu hỏi yêu cầu phân tích tình huống cụ thể (gửi thông tin nhạy cảm) để chọn phương thức gửi dữ liệu phù hợp, dựa trên sự khác biệt giữa GET và POST.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 25: Thẻ có thể được sử dụng thay cho hoặc . Khi sử dụng cho mục đích gửi biểu mẫu, thuộc tính nào của thẻ cần được đặt là 'submit'?
<code>type</code>
<code>value</code>
<code>name</code>
<code>formaction</code>
Câu hỏi kiểm tra cách sử dụng thẻ thay thế cho input type='submit', tập trung vào thuộc tính 'type' của button.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 26: 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ẻ là phù hợp nhất và thường hiển thị giao diện chọn ngày tiện lợi trên nhiều trình duyệt?
<code>text</code>
<code>datetime</code>
<code>calendar</code>
<code>date</code>
Câu hỏi yêu cầu áp dụng kiến thức về input type phù hợp với loại dữ liệu ngày tháng, tập trung vào tính năng hỗ trợ của trình duyệt. Type='date' là lựa chọn thích hợp.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 27: Trong một biểu mẫu, việc sử dụng thuộc tính id cho các điều khiển nhập liệu có ý nghĩa quan trọng nhất đối với thành phần nào khác của biểu mẫu?
Thẻ <code><form></code>
Thẻ <code><label></code>
Các thẻ <code><input></code> khác trong cùng nhóm.
Nút gửi (Submit button).
Câu hỏi yêu cầu phân tích mối liên hệ giữa thuộc tính 'id' của input và các thành phần khác trong biểu mẫu, đặc biệt là thẻ để tăng tính tương tác.
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 28: Bạn đang tạo một biểu mẫu phản hồi và cần một vùng lớn để người dùng nhập nhận xét chi tiết. Điều khiển nào là lựa chọn tốt nhất?
<code><input type="text"></code>
<code><input type="textarea"></code>
<code><textarea></code>
<code><input type="longtext"></code>
Câu hỏi yêu cầu áp dụng kiến thức về các loại điều khiển vào tình huống cần nhập văn bản dài, nhiều dòng. Thẻ
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 29: Đâu là lý do chính khiến việc thiết kế biểu mẫu thân thiện với người dùng (usability) lại quan trọng?
Giúp người dùng dễ dàng hoàn thành việc nhập dữ liệu, giảm thiểu sai sót và tăng tỷ lệ gửi biểu mẫu thành công.
Làm cho biểu mẫu trông đẹp mắt hơn.
Tăng tốc độ tải trang.
Giảm tải cho máy chủ xử lý biểu mẫu.
Câu hỏi yêu cầu phân tích tầm quan trọng của usability trong thiết kế biểu mẫu. Biểu mẫu dễ dùng giúp người dùng hoàn thành nhiệm vụ và tăng tỷ lệ chuyển đổi.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 09
Câu 30: Xét một biểu mẫu khảo sát nhỏ hỏi về mức độ hài lòng (Rất hài lòng, Hài lòng, Bình thường, Không hài lòng). Loại điều khiển nào là phù hợp nhất cho câu hỏi này nếu chỉ cho phép chọn MỘT mức độ?
Hộp kiểm (Checkbox)
Ô văn bản (Text box)
Vùng văn bản (Textarea)
Nút chọn (Radio button)
Câu hỏi yêu cầu áp dụng kiến thức về các loại điều khiển vào tình huống cụ thể là chọn một từ một danh sách cố định c??c tùy chọn. Radio button là lựa chọn chính xác cho trường hợp này.
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 6: Tạo biểu mẫu
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 10
Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu - Đề 10 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!
Câu 1: Trong ngữ cảnh tạo biểu mẫu trên trang web, mục đích chính của việc sử dụng biểu mẫu là gì?
A. Để hiển thị hình ảnh và video.
B. Để tạo liên kết giữa các trang web.
C. Để định dạng văn bản trên trang.
D. Để thu thập thông tin từ người dùng và gửi về máy chủ.
Câu 2: Bạn đang thiết kế một biểu mẫu đăng ký tài khoản. Bạn cần một trường để người dùng nhập tên đầy đủ của họ. Loại điều khiển nhập liệu nào phù hợp nhất cho mục đích này?
A. Ô văn bản (Text box)
B. Nút chọn (Radio button)
C. Hộp kiểm (Checkbox)
D. Vùng văn bản (Textarea)
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 hai: Nam hoặc Nữ). Bạn nên sử dụng loại điều khiển nhập liệu nào để đảm bảo chỉ có một lựa chọn được chọn?
A. Hộp kiểm (Checkbox)
B. Nút chọn (Radio button)
C. Ô văn bản (Text box)
D. Nút gửi (Submit button)
Câu 4: Một biểu mẫu yêu cầu 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, Thể thao, Âm nhạc). Người dùng có thể chọn một hoặc nhiều sở thích. Loại điều khiển nhập liệu nào phù hợp nhất trong trường hợp này?
A. Nút chọn (Radio button)
B. Ô văn bản (Text box)
C. Hộp kiểm (Checkbox)
D. Danh sách thả xuống (Dropdown list)
Câu 5: Khi sử dụng một nhóm các nút chọn (radio button) để đại diện cho các tùy chọn độc quyền (chỉ chọn một), thuộc tính nào của các nút chọn này BẮT BUỘC phải giống nhau để chúng hoạt động như một nhóm?
A. type
B. value
C. name
D. id
Câu 6: Thuộc tính `name` của một điều khiển nhập liệu trong biểu mẫu có vai trò gì khi dữ liệu được gửi về máy chủ?
A. Xác định tên của dữ liệu sẽ được gửi về máy chủ.
B. Chỉ định kiểu dữ liệu mà người dùng có thể nhập.
C. Đặt giá trị mặc định cho điều khiển.
D. Hiển thị nhãn cho điều khiển trên giao diện.
Câu 7: Điều khiển nào trong biểu mẫu được sử dụng để thực hiện hành động gửi toàn bộ dữ liệu đã nhập đến địa chỉ được chỉ định trong thuộc tính `action` của thẻ `
`?
A. Ô văn bản ()
B. Hộp kiểm ()
C. Nút chọn ()
D. Nút gửi ()
Câu 8: Khi thiết kế một biểu mẫu, việc sắp xếp các điều khiển nhập liệu một cách hợp lý (ví dụ: nhóm các trường liên quan, sắp xếp theo thứ tự logic từ trên xuống dưới, từ trái sang phải) có ý nghĩa quan trọng nhất đối với điều gì?
A. Tăng tính dễ sử dụng (usability) cho người dùng cuối.
B. Giảm dung lượng tệp tin của trang web.
C. Tăng tốc độ xử lý dữ liệu ở phía máy chủ.
D. Bảo mật dữ liệu người dùng tốt hơn.
Câu 9: Thuộc tính `placeholder` trong thẻ `` có công dụng gì?
A. Đặt giá trị mặc định cho ô văn bản khi trang web được tải.
B. Giới hạn số lượng ký tự tối đa có thể nhập.
C. Hiển thị văn bản gợi ý trong ô văn bản khi nó chưa có dữ liệu.
D. Chỉ định tên duy nhất cho ô văn bản.
Câu 10: Bạn cần tạo một trường nhập liệu cho phép người dùng nhập một đoạn văn bản dài (ví dụ: phần bình luận). Loại điều khiển nào là phù hợp nhất?
A. Ô văn bản ()
B. Hộp kiểm ()
C. Nút chọn ()
D. Vùng văn bản (
Câu 11: Xét đoạn mã HTML sau cho một phần của biểu mẫu:
```html
Tốt
Khá
Trung bình
```
Nếu người dùng chọn "Khá" và gửi biểu mẫu, dữ liệu nào có khả năng được gửi về máy chủ cho nhóm điều khiển này?
A. muc_do=Khá
B. muc_do=B
C. muc_do=Tốt, Khá, Trung bình
D. Chỉ gửi giá trị "Khá" mà không có tên.
Câu 12: Trong một biểu mẫu, tại sao việc gán nhãn (label) rõ ràng cho mỗi điều khiển nhập liệu (ví dụ: sử dụng thẻ ``) lại được coi là một thực hành tốt?
A. Để làm cho biểu mẫu trông đẹp mắt hơn.
B. Để giảm thời gian tải trang.
C. Để tự động điền dữ liệu cho người dùng.
D. Để giúp người dùng hiểu rõ mục đích của từng trường nhập liệu và cải thiện khả năng tiếp cận.
Câu 13: Điều khiển `` được sử dụng để nhập mật khẩu. Đặc điểm khác biệt chính của nó so với `` là gì?
A. Nội dung nhập vào sẽ bị ẩn đi (hiển thị dưới dạng dấu chấm hoặc hoa thị).
B. Chỉ cho phép nhập các ký tự số.
C. Tự động giới hạn độ dài của mật khẩu.
D. Tự động mã hóa mật khẩu trước khi gửi đi.
Câu 14: Bạn muốn thêm một nút vào biểu mẫu mà khi nhấp vào, toàn bộ dữ liệu đã nhập sẽ bị xóa hoặc đặt lại về trạng thái ban đầu. Bạn sẽ sử dụng loại điều khiển nào?
A.
B.
C.
D.
Câu 15: 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ệ, Chi tiết thanh toán), làm thế nào để nhóm các trường liên quan lại với nhau một cách trực quan để người dùng dễ theo dõi?
A. Đặt tất cả các trường nhập liệu trên cùng một dòng.
B. Sử dụng các màu nền khác nhau cho mỗi trường.
C. Nhóm các trường liên quan lại với nhau bằng cách sử dụng các phần tử cấu trúc hoặc bố cục hình ảnh.
D. Chỉ sử dụng một loại điều khiển nhập liệu duy nhất trong toàn bộ biểu mẫu.
Câu 16: Giả sử bạn có một hộp kiểm (``) với `name="dong_y"` và `value="yes"`. Nếu người dùng tích vào hộp kiểm này và gửi biểu mẫu, dữ liệu nào sẽ được gửi cho điều khiển này?
A. dong_y=yes
B. dong_y=true
C. dong_y=on
D. Chỉ gửi giá trị "yes" mà không có tên.
Câu 17: So sánh sự khác biệt cơ bản về chức năng giữa Nút chọn (Radio button) và Hộp kiểm (Checkbox).
A. Radio button dùng cho văn bản, Checkbox dùng cho số.
B. Radio button cho phép chọn nhiều, Checkbox chỉ chọn một.
C. Radio button chỉ hiển thị hình tròn, Checkbox chỉ hiển thị hình vuông.
D. Radio button chỉ cho phép chọn một mục từ nhóm, Checkbox cho phép chọn nhiều mục.
Câu 18: Khi tạo một nút gửi biểu mẫu bằng ``, thuộc tính `value` có thể được sử dụng để làm gì?
A. Xác định địa chỉ URL mà dữ liệu sẽ được gửi đến.
B. Đặt văn bản hiển thị trên nút gửi.
C. Đặt tên cho nút gửi khi dữ liệu được xử lý.
D. Chỉ định phương thức gửi dữ liệu (GET hoặc POST).
Câu 19: Trong cấu trúc HTML của biểu mẫu, tất cả các điều khiển nhập liệu và nút lệnh phải được đặt bên trong cặp thẻ nào để dữ liệu có thể được thu thập và gửi đi?
A.
B.
C.
D.
Câu 20: Một biểu mẫu đăng nhập thường có các trường "Tên đăng nhập" và "Mật khẩu". Nếu bạn muốn trình duyệt gợi ý hoặc tự động điền thông tin đăng nhập đã lưu trước đó cho người dùng, thuộc tính HTML nào được thêm vào các trường input này để hỗ trợ chức năng đó?
A. autocomplete
B. placeholder
C. value
D. pattern
Câu 21: Khi thiết kế một biểu mẫu, việc thêm thuộc tính `required` vào một trường nhập liệu (``) có tác dụng gì?
A. Đặt giá trị mặc định cho trường.
B. Giới hạn kiểu dữ liệu có thể nhập (ví dụ: chỉ số).
C. Yêu cầu người dùng phải điền dữ liệu vào trường này trước khi gửi biểu mẫu.
D. Tự động mã hóa dữ liệu trong trường này.
Câu 22: Thuộc tính `action` trong thẻ `
` chỉ định điều gì?
A. Địa chỉ URL mà dữ liệu biểu mẫu sẽ được gửi đến.
B. Cách dữ liệu biểu mẫu được mã hóa.
C. Loại điều khiển nhập liệu chính trong biểu mẫu.
D. Tiêu đề hiển thị trên trình duyệt cho trang chứa biểu mẫu.
Câu 23: Phương thức gửi dữ liệu biểu mẫu nào (được chỉ định bởi thuộc tính `method` trong thẻ `
`) thường được sử dụng cho các biểu mẫu đăng nhập hoặc gửi dữ liệu nhạy cảm, vì nó gửi dữ liệu trong phần thân (body) của yêu cầu HTTP, không hiển thị trên URL?
A. GET
B. POST
C. PUT
D. DELETE
Câu 24: Bạn đang tạo một biểu mẫu đặt hàng và muốn người dùng chọn số lượng sản phẩm từ 1 đến 10. Loại input nào phù hợp nhất để đảm bảo người dùng chỉ nhập số trong phạm vi cho phép?
A.
B.
C.
D.
Câu 25: Tại sao việc sử dụng thuộc tính `id` và kết hợp nó với thuộc tính `for` trong thẻ `` lại quan trọng đối với khả năng sử dụng (usability) của biểu mẫu?
A. Để thay đổi màu sắc của nhãn.
B. Để khi nhấp vào nhãn, trường nhập liệu tương ứng sẽ được kích hoạt (focus).
C. Để ẩn nhãn khỏi người dùng.
D. Để tự động gửi biểu mẫu khi nhấp vào nhãn.
Câu 26: Bạn đang thiết kế một biểu mẫu khảo sát và muốn người dùng cung cấp địa chỉ email của họ. Loại input nào phù hợp nhất để trình duyệt có thể cung cấp tính năng kiểm tra định dạng cơ bản cho địa chỉ email?
A.
B.
C.
D.
Câu 27: Khi nào thì nên sử dụng thẻ `
A. Khi cần nhập một đoạn văn bản dài, có thể chứa nhiều dòng.
B. Khi cần nhập một giá trị số.
C. Khi cần chọn một hoặc nhiều tùy chọn từ danh sách.
D. Khi cần nhập mật khẩu.
Câu 28: Một nhà thiết kế web tạo một biểu mẫu với rất nhiều trường nhập liệu khác nhau, nhưng tất cả các nút chọn (radio button) trong biểu mẫu đều sử dụng cùng một thuộc tính `name` duy nhất cho TẤT CẢ các nhóm tùy chọn khác nhau (ví dụ: giới tính, tình trạng hôn nhân, trình độ học vấn đều dùng `name="option"`). Phân tích vấn đề có thể xảy ra với cách làm này.
A. Biểu mẫu sẽ hoạt động bình thường và dữ liệu được gửi đi chính xác.
B. Người dùng sẽ không thể chọn bất kỳ nút chọn nào.
C. Người dùng chỉ có thể chọn duy nhất một nút chọn trên toàn bộ biểu mẫu, thay vì một nút cho mỗi nhóm câu hỏi.
D. Dữ liệu từ các nút chọn sẽ không được gửi về máy chủ.
Câu 29: Xét một biểu mẫu yêu cầu người dùng tải lên một tệp tin (ví dụ: ảnh đại diện). Loại input nào được sử dụng cho mục đích này?
A.
B.
C.
D.
Câu 30: Bạn đang tạo một biểu mẫu đặt lịch hẹn và muốn người dùng chọn một ngày cụ thể. Loại input nào phù hợp nhất để cung cấp giao diện chọn ngày tiện lợi (thường là lịch) cho người dùng?
A.
B.
C.
D.
1 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 1: Trong ngữ cảnh tạo biểu mẫu trên trang web, mục đích chính của việc sử dụng biểu mẫu là gì?
Để hiển thị hình ảnh và video.
Để tạo liên kết giữa các trang web.
Để định dạng văn bản trên trang.
Để thu thập thông tin từ người dùng và gửi về máy chủ.
Biểu mẫu (form) được sử dụng để thu thập thông tin từ người dùng trang web và gửi về máy chủ để xử lý. Các phương án khác không phản ánh đúng chức năng cốt lõi của biểu mẫu.
2 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 2: Bạn đang thiết kế một biểu mẫu đăng ký tài khoản. Bạn cần một trường để người dùng nhập tên đầy đủ của họ. Loại điều khiển nhập liệu nào phù hợp nhất cho mục đích này?
Ô văn bản (Text box)
Nút chọn (Radio button)
Hộp kiểm (Checkbox)
Vùng văn bản (Textarea)
Trường nhập tên đầy đủ là một xâu ký tự đơn giản, phù hợp với chức năng của ô văn bản (). Nút chọn và hộp kiểm dùng cho các lựa chọn, vùng văn bản dùng cho văn bản dài hơn.
3 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
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 hai: Nam hoặc Nữ). Bạn nên sử dụng loại điều khiển nhập liệu nào để đảm bảo chỉ có một lựa chọn được chọn?
Hộp kiểm (Checkbox)
Nút chọn (Radio button)
Ô văn bản (Text box)
Nút gửi (Submit button)
Khi người dùng chỉ được phép chọn MỘT tùy chọn từ một danh sách, nút chọn (radio button) là điều khiển phù hợp nhất. Hộp kiểm cho phép chọn nhiều, ô văn bản dùng nhập liệu tự do, nút gửi dùng để hoàn thành 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 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 4: Một biểu mẫu yêu cầu 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, Thể thao, Âm nhạc). Người dùng có thể chọn một hoặc nhiều sở thích. Loại điều khiển nhập liệu nào phù hợp nhất trong trường hợp này?
Nút chọn (Radio button)
Ô văn bản (Text box)
Hộp kiểm (Checkbox)
Danh sách thả xuống (Dropdown list)
Khi người dùng có thể chọn NHIỀU tùy chọn từ một danh sách, hộp kiểm (checkbox) là điều khiển phù hợp nhất. Nút chọn chỉ cho phép chọn một.
5 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 5: Khi sử dụng một nhóm các nút chọn (radio button) để đại diện cho các tùy chọn độc quyền (chỉ chọn một), thuộc tính nào của các nút chọn này BẮT BUỘC phải giống nhau để chúng hoạt động như một nhóm?
type
value
name
id
Thuộc tính `name` của tất cả các nút chọn trong cùng một nhóm phải giống nhau. Điều này cho phép trình duyệt biết rằng chúng thuộc cùng một nhóm và chỉ cho phép người dùng chọn một trong số chúng. Các thuộc tính khác như `type`, `value`, `id` không có vai trò này.
6 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 6: Thuộc tính `name` của một điều khiển nhập liệu trong biểu mẫu có vai trò gì khi dữ liệu được gửi về máy chủ?
Xác định tên của dữ liệu sẽ được gửi về máy chủ.
Chỉ định kiểu dữ liệu mà người dùng có thể nhập.
Đặt giá trị mặc định cho điều khiển.
Hiển thị nhãn cho điều khiển trên giao diện.
Thuộc tính `name` cung cấp tên (key) cho dữ liệu được gửi đi. Khi biểu mẫu được gửi, dữ liệu sẽ được truyền dưới dạng cặp key-value, trong đó `name` là key và giá trị người dùng nhập/chọn là value. Máy chủ sử dụng `name` để xác định dữ liệu từ trường nào được gửi đến.
7 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 7: Điều khiển nào trong biểu mẫu được sử dụng để thực hiện hành động gửi toàn bộ dữ liệu đã nhập đến địa chỉ được chỉ định trong thuộc tính `action` của thẻ `
`?
Ô văn bản (<input type='text'>)
Hộp kiểm (<input type='checkbox'>)
Nút chọn (<input type='radio'>)
Nút gửi (<input type='submit'>)
Nút gửi () là điều khiển chịu trách nhiệm thu thập tất cả dữ liệu từ các điều khiển trong cùng một thẻ `
` và gửi chúng đến máy chủ khi người dùng nhấp vào.
8 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 8: Khi thiết kế một biểu mẫu, việc sắp xếp các điều khiển nhập liệu một cách hợp lý (ví dụ: nhóm các trường liên quan, sắp xếp theo thứ tự logic từ trên xuống dưới, từ trái sang phải) có ý nghĩa quan trọng nhất đối với điều gì?
Tăng tính dễ sử dụng (usability) cho người dùng cuối.
Giảm dung lượng tệp tin của trang web.
Tăng tốc độ xử lý dữ liệu ở phía máy chủ.
Bảo mật dữ liệu người dùng tốt hơn.
Thiết kế bố cục hợp lý giúp người dùng dễ dàng hiểu cấu trúc biểu mẫu, tìm thấy các trường cần điền và hoàn thành việc nhập liệu một cách nhanh chóng, giảm khả năng nhập sai sót. Nó trực tiếp cải thiện trải nghiệm người dùng (usability).
9 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 9: Thuộc tính `placeholder` trong thẻ `` có công dụng gì?
Đặt giá trị mặc định cho ô văn bản khi trang web được tải.
Giới hạn số lượng ký tự tối đa có thể nhập.
Hiển thị văn bản gợi ý trong ô văn bản khi nó chưa có dữ liệu.
Chỉ định tên duy nhất cho ô văn bản.
Thuộc tính `placeholder` hiển thị một văn bản gợi ý (thường là ví dụ về định dạng hoặc nội dung cần nhập) bên trong trường nhập liệu khi nó trống. Văn bản này sẽ biến mất khi người dùng bắt đầu nhập. Nó không phải là giá trị mặc định và không được gửi đi cùng dữ liệu biểu mẫu.
10 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 10: Bạn cần tạo một trường nhập liệu cho phép người dùng nhập một đoạn văn bản dài (ví dụ: phần bình luận). Loại điều khiển nào là phù hợp nhất?
Ô văn bản (<input type='text'>)
Hộp kiểm (<input type='checkbox'>)
Nút chọn (<input type='radio'>)
Vùng văn bản (<textarea>)
Vùng văn bản (
11 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 11: Xét đoạn mã HTML sau cho một phần của biểu mẫu:
```html
Tốt
Khá
Trung bình
```
Nếu người dùng chọn 'Khá' và gửi biểu mẫu, dữ liệu nào có khả năng được gửi về máy chủ cho nhóm điều khiển này?
muc_do=Khá
muc_do=B
muc_do=Tốt, Khá, Trung bình
Chỉ gửi giá trị 'Khá' mà không có tên.
Khi một nút chọn được chọn và biểu mẫu được gửi, cặp key-value được gửi đi sẽ là `name=value` của nút được chọn đó. Ở đây, `name` là 'muc_do' và `value` của nút 'Khá' là 'B'.
12 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 12: Trong một biểu mẫu, tại sao việc gán nhãn (label) rõ ràng cho mỗi điều khiển nhập liệu (ví dụ: sử dụng thẻ ``) lại được coi là một thực hành tốt?
Để làm cho biểu mẫu trông đẹp mắt hơn.
Để giảm thời gian tải trang.
Để tự động điền dữ liệu cho người dùng.
Để giúp người dùng hiểu rõ mục đích của từng trường nhập liệu và cải thiện khả năng tiếp cận.
Nhãn giúp người dùng hiểu rõ mục đích của từng trường nhập liệu. Điều này đặc biệt quan trọng cho tính khả dụng (usability) và khả năng tiếp cận (accessibility), giúp người dùng, bao gồm cả những người sử dụng công cụ hỗ trợ (như trình đọc màn hình), tương tác hiệu quả với biểu mẫu.
13 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 13: Điều khiển `` được sử dụng để nhập mật khẩu. Đặc điểm khác biệt chính của nó so với `` là gì?
Nội dung nhập vào sẽ bị ẩn đi (hiển thị dưới dạng dấu chấm hoặc hoa thị).
Chỉ cho phép nhập các ký tự số.
Tự động giới hạn độ dài của mật khẩu.
Tự động mã hóa mật khẩu trước khi gửi đi.
Mục đích chính của `` là ẩn nội dung người dùng nhập (thường hiển thị dưới dạng dấu chấm hoặc dấu hoa thị) để bảo vệ thông tin khỏi bị nhìn trộm. Các đặc điểm khác như chỉ nhận ký tự số, giới hạn độ dài, hoặc tự động mã hóa không phải là đặc điểm mặc định của `type='password'` ở phía trình duyệt.
14 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 14: Bạn muốn thêm một nút vào biểu mẫu mà khi nhấp vào, toàn bộ dữ liệu đã nhập sẽ bị xóa hoặc đặt lại về trạng thái ban đầu. Bạn sẽ sử dụng loại điều khiển nào?
<input type='submit'>
<input type='reset'>
<input type='button'>
<input type='text'>
Nút đặt lại () được thiết kế để khôi phục tất cả các trường nhập liệu trong cùng một biểu mẫu về giá trị ban đầu của chúng (giá trị được đặt bằng thuộc tính `value` hoặc trạng thái trống).
15 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 15: 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ệ, Chi tiết thanh toán), làm thế nào để nhóm các trường liên quan lại với nhau một cách trực quan để người dùng dễ theo dõi?
Đặt tất cả các trường nhập liệu trên cùng một dòng.
Sử dụng các màu nền khác nhau cho mỗi trường.
Nhóm các trường liên quan lại với nhau bằng cách sử dụng các phần tử cấu trúc hoặc bố cục hình ảnh.
Chỉ sử dụng một loại điều khiển nhập liệu duy nhất trong toàn bộ biểu mẫu.
Việc nhóm các trường liên quan bằng cách sử dụng các phần tử cấu trúc như `fieldset` và `legend` (hoặc chỉ đơn giản là sử dụng tiêu đề phụ và phân chia bằng CSS) giúp tổ chức biểu mẫu thành các phần logic, cải thiện đáng kể khả năng đọc và điền biểu mẫu cho người dùng.
16 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 16: Giả sử bạn có một hộp kiểm (``) với `name='dong_y'` và `value='yes'`. Nếu người dùng tích vào hộp kiểm này và gửi biểu mẫu, dữ liệu nào sẽ được gửi cho điều khiển này?
dong_y=yes
dong_y=true
dong_y=on
Chỉ gửi giá trị 'yes' mà không có tên.
Đối với hộp kiểm, nếu nó được tích (checked), cặp key-value gửi đi sẽ là `name=value`. Nếu không được tích, điều khiển này thường không gửi bất kỳ dữ liệu nào (hoặc gửi một giá trị đặc biệt tùy thuộc vào cách xử lý). Trong trường hợp này, nó được tích, nên gửi `dong_y=yes`.
17 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 17: So sánh sự khác biệt cơ bản về chức năng giữa Nút chọn (Radio button) và Hộp kiểm (Checkbox).
Radio button dùng cho văn bản, Checkbox dùng cho số.
Radio button cho phép chọn nhiều, Checkbox chỉ chọn một.
Radio button chỉ hiển thị hình tròn, Checkbox chỉ hiển thị hình vuông.
Radio button chỉ cho phép chọn một mục từ nhóm, Checkbox cho phép chọn nhiều mục.
Sự khác biệt cốt lõi nằm ở số lượng lựa chọn có thể thực hiện. Radio button chỉ cho phép chọn DUY NHẤT một mục trong một nhóm (vì thuộc tính `name` giống nhau), trong khi Checkbox cho phép người dùng chọn KHÔNG hoặc NHIỀU mục từ một danh sách.
18 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 18: Khi tạo một nút gửi biểu mẫu bằng ``, thuộc tính `value` có thể được sử dụng để làm gì?
Xác định địa chỉ URL mà dữ liệu sẽ được gửi đến.
Đặt văn bản hiển thị trên nút gửi.
Đặt tên cho nút gửi khi dữ liệu được xử lý.
Chỉ định phương thức gửi dữ liệu (GET hoặc POST).
Thuộc tính `value` trên `` xác định văn bản sẽ hiển thị trên nút đó (ví dụ: 'Gửi', 'Đăng ký', 'Hoàn tất'). Nếu không có `value`, trình duyệt sẽ hiển thị văn bản mặc định như 'Submit' hoặc 'Gửi'.
19 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 19: Trong cấu trúc HTML của biểu mẫu, tất cả các điều khiển nhập liệu và nút lệnh phải được đặt bên trong cặp thẻ nào để dữ liệu có thể được thu thập và gửi đi?
<div>
<span>
<form>
<section>
Thẻ `
` là container (vùng chứa) cho tất cả các điều khiển nhập liệu và nút lệnh liên quan đến một biểu mẫu cụ thể. Dữ liệu chỉ được thu thập và gửi đi khi các điều khiển nằm bên trong thẻ `
` và một nút gửi được kích hoạt.
20 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 20: Một biểu mẫu đăng nhập thường có các trường 'Tên đăng nhập' và 'Mật khẩu'. Nếu bạn muốn trình duyệt gợi ý hoặc tự động điền thông tin đăng nhập đã lưu trước đó cho người dùng, thuộc tính HTML nào được thêm vào các trường input này để hỗ trợ chức năng đó?
autocomplete
placeholder
value
pattern
Thuộc tính `autocomplete` được sử dụng để gợi ý trình duyệt có nên tự động điền giá trị cho trường nhập liệu dựa trên dữ liệu người dùng đã nhập trước đó hay không. Giá trị phổ biến cho tên đăng nhập là 'username' và mật khẩu là 'current-password' hoặc 'new-password'.
21 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 21: Khi thiết kế một biểu mẫu, việc thêm thuộc tính `required` vào một trường nhập liệu (``) có tác dụng gì?
Đặt giá trị mặc định cho trường.
Giới hạn kiểu dữ liệu có thể nhập (ví dụ: chỉ số).
Yêu cầu người dùng phải điền dữ liệu vào trường này trước khi gửi biểu mẫu.
Tự động mã hóa dữ liệu trong trường này.
Thuộc tính `required` (thuộc tính boolean, chỉ cần thêm tên thuộc tính) là một tính năng kiểm tra dữ liệu phía trình duyệt (HTML5 validation). Nó yêu cầu người dùng phải điền dữ liệu vào trường đó trước khi có thể gửi biểu mẫu. Nếu trường trống, trình duyệt sẽ hiển thị thông báo lỗi.
22 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 22: Thuộc tính `action` trong thẻ `
` chỉ định điều gì?
Địa chỉ URL mà dữ liệu biểu mẫu sẽ được gửi đến.
Cách dữ liệu biểu mẫu được mã hóa.
Loại điều khiển nhập liệu chính trong biểu mẫu.
Tiêu đề hiển thị trên trình duyệt cho trang chứa biểu mẫu.
Thuộc tính `action` của thẻ `
` xác định URL (địa chỉ) trên máy chủ mà dữ liệu biểu mẫu sẽ được gửi đến để xử lý khi người dùng nhấp vào nút gửi. Phương thức gửi (GET/POST) được xác định bởi thuộc tính `method`.
23 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 23: Phương thức gửi dữ liệu biểu mẫu nào (được chỉ định bởi thuộc tính `method` trong thẻ `
`) thường được sử dụng cho các biểu mẫu đăng nhập hoặc gửi dữ liệu nhạy cảm, vì nó gửi dữ liệu trong phần thân (body) của yêu cầu HTTP, không hiển thị trên URL?
GET
POST
PUT
DELETE
Phương thức POST được khuyến khích sử dụng khi gửi dữ liệu nhạy cảm hoặc dữ liệu lớn, vì nó đóng gói dữ liệu trong phần thân của yêu cầu HTTP, làm cho dữ liệu không hiển thị trực tiếp trên thanh địa chỉ của trình duyệt. Phương thức GET gửi dữ liệu dưới dạng tham số trên URL, phù hợp cho tìm kiếm hoặc dữ liệu không nhạy cảm.
24 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 24: Bạn đang tạo một biểu mẫu đặt hàng và muốn người dùng chọn số lượng sản phẩm từ 1 đến 10. Loại input nào phù hợp nhất để đảm bảo người dùng chỉ nhập số trong phạm vi cho phép?
<input type='number'>
<input type='text'>
<input type='checkbox'>
<input type='radio'>
Kiểu `number` () được thiết kế để nhập các giá trị số. Nó cung cấp các mũi tên tăng/giảm (trên một số trình duyệt) và có thể kết hợp với các thuộc tính `min` và `max` để giới hạn phạm vi giá trị nhập vào, giúp đảm bảo tính hợp lệ của dữ liệu số.
25 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 25: Tại sao việc sử dụng thuộc tính `id` và kết hợp nó với thuộc tính `for` trong thẻ `` lại quan trọng đối với khả năng sử dụng (usability) của biểu mẫu?
Để thay đổi màu sắc của nhãn.
Để khi nhấp vào nhãn, trường nhập liệu tương ứng sẽ được kích hoạt (focus).
Để ẩn nhãn khỏi người dùng.
Để tự động gửi biểu mẫu khi nhấp vào nhãn.
Việc liên kết nhãn (``) với điều khiển nhập liệu (``) bằng cách sử dụng `for` (trong ``) trỏ đến `id` (của ``) mang lại nhiều lợi ích: khi nhấp vào nhãn, trường nhập liệu tương ứng sẽ được focus (kích hoạt), giúp người dùng dễ dàng tương tác, đặc biệt là trên thiết bị di động hoặc với các điều khiển nhỏ như hộp kiểm, nút chọn. Nó cũng cải thiện khả năng tiếp cận cho người dùng sử dụng trình đọc màn hình.
26 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 26: Bạn đang thiết kế một biểu mẫu khảo sát và muốn người dùng cung cấp địa chỉ email của họ. Loại input nào phù hợp nhất để trình duyệt có thể cung cấp tính năng kiểm tra định dạng cơ bản cho địa chỉ email?
<input type='text'>
<input type='url'>
<input type='number'>
<input type='email'>
Kiểu `email` () là một loại input đặc biệt trong HTML5. Trình duyệt sẽ thực hiện kiểm tra định dạng cơ bản để đảm bảo văn bản nhập vào có dạng giống địa chỉ email (chứa ký tự '@'). Nó cũng có thể gợi ý các địa chỉ email đã nhập trước đó.
27 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 27: Khi nào thì nên sử dụng thẻ `
Khi cần nhập một đoạn văn bản dài, có thể chứa nhiều dòng.
Khi cần nhập một giá trị số.
Khi cần chọn một hoặc nhiều tùy chọn từ danh sách.
Khi cần nhập mật khẩu.
Sự khác biệt chính là `
28 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 28: Một nhà thiết kế web tạo một biểu mẫu với rất nhiều trường nhập liệu khác nhau, nhưng tất cả các nút chọn (radio button) trong biểu mẫu đều sử dụng cùng một thuộc tính `name` duy nhất cho TẤT CẢ các nhóm tùy chọn khác nhau (ví dụ: giới tính, tình trạng hôn nhân, trình độ học vấn đều dùng `name='option'`). Phân tích vấn đề có thể xảy ra với cách làm này.
Biểu mẫu sẽ hoạt động bình thường và dữ liệu được gửi đi chính xác.
Người dùng sẽ không thể chọn bất kỳ nút chọn nào.
Người dùng chỉ có thể chọn duy nhất một nút chọn trên toàn bộ biểu mẫu, thay vì một nút cho mỗi nhóm câu hỏi.
Dữ liệu từ các nút chọn sẽ không được gửi về máy chủ.
Thuộc tính `name` giống nhau cho radio button tạo thành MỘT nhóm duy nhất. Nếu tất cả radio button trong toàn bộ biểu mẫu dùng cùng một `name`, người dùng chỉ có thể chọn DUY NHẤT một nút trên TOÀN BỘ biểu mẫu, bất kể chúng thuộc về các câu hỏi khác nhau. Điều này làm cho biểu mẫu hoạt động sai hoàn toàn với mục đích ban đầu.
29 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 29: Xét một biểu mẫu yêu cầu người dùng tải lên một tệp tin (ví dụ: ảnh đại diện). Loại input nào được sử dụng cho mục đích này?
<input type='file'>
<input type='text'>
<input type='submit'>
<input type='hidden'>
Kiểu `file` () tạo ra một điều khiển cho phép người dùng chọn một hoặc nhiều tệp tin từ máy tính của họ để tải lên máy chủ khi biểu mẫu được gửi. Để xử lý tệp tin tải lên trên máy chủ, biểu mẫu cũng cần sử dụng `method='POST'` và thuộc tính `enctype='multipart/form-data'` trong thẻ `
`.
30 / 30
Category:Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 6: Tạo biểu mẫu
Tags:Bộ đề 10
Câu 30: Bạn đang tạo một biểu mẫu đặt lịch hẹn và muốn người dùng chọn một ngày cụ thể. Loại input nào phù hợp nhất để cung cấp giao diện chọn ngày tiện lợi (thường là lịch) cho người dùng?
<input type='text'>
<input type='date'>
<input type='number'>
<input type='time'>
Kiểu `date` () trong HTML5 cung cấp một giao diện chọn ngày thân thiện với người dùng (thường là một lịch pop-up) và đảm bảo dữ liệu nhập vào có định dạng ngày chuẩn. Các kiểu khác như `text`, `number`, `time` không cung cấp tính năng chọn ngày tích hợp.