TopStudy

Tin học · Lớp 12

Giải SBT Tin học 12 Định hướng Khoa học máy tính Chân trời sáng tạo Bài F5. Tạo biểu mẫu trong trang web

4 câu · 10 phút · Ngân hàng đề TopStudy. Đáp án và lời giải do TopStudy biên soạn, mở ngay dưới từng câu.

Làm bài

Nội dung đề

Phần I. Tự luận

Câu 1

1 điểm

Điền các từ (<<button>, <<textarea>, input, nhiều dòng, text, tương tác, nhãn tên, <<form), thẻ) vào chỗ chấm cho phù hợp.

Biểu mẫu web giúp người dùng biểu mẫu trong trang web, em sử dụng thẻ với trang web. Để tạo biểu mẫu trong trang web, em sử dụng thẻ………………

Với mỗi thành phần của biểu mẫu, em sử dụng các thuộc tính tương ứng như: thẻ <<label> để tạo type="............", tạo hộp văn bản, …... và <<input type="radio", để tạo tròn nút chọn phương án, thẻ ............ để tạo hộp văn bản cho phép nhập ..., thẻ .....để tạo nút nhấn.

Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

tương tác; <<form); thẻ; nhãn tên; text; input; <<textarea>; nhiều dòng; <<button).

Câu 2

1 điểm

Em hãy tạo biểu mẫu cho phép người dùng nhập thông tin thanh toán như Hình 1

Hình minh hoạ

Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

- Để tạo nút chọn phương thức thanh toán, em viết đoạn mã HTML

như sau:

<<input type="radio" id="cash" name="payment-method" value="cash"> <<label for="cash">Tiền mặt</label>

<<input type="radio" id="debit" name="payment-method" value="cash"> <<label for="debit">Thẻ debit hoặc credit</label>

– Đối với các ô nhập thông tin còn lại, em viết đoạn mã HTML như sau: <<label for="name">Tên ghi trên thẻ:</label><<br>

<<input type="text" id="name" name="name" required><<br><<br> - Đối với nút nhấn, em viết mã lệnh HTML như sau:

<<button type="submit" value="Submit">Thanh toán</button>

Câu 3

1 điểm

Em hãy tạo biểu mẫu cho phép người dùng nhập ý kiến phản hồi như Hình 2.

Hình minh hoạ

Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Đối với hộp văn bản nhập ý kiến phản hồi, em sử dụng thẻ <<textarea> để người dùng có thể nhập nhiều dòng. Cụ thể, em thiết lập sẵn 4 dòng như sau:

<<textarea

id="feedback"

required></textarea>

name="feedback"

rows="4"

cols="50"

– Đối với nút Gửi, em sử dụng thẻ <<input) có thuộc tính type là submit như sau:

<<input type="submit" value="Guri">

Câu 4

1 điểm

Em hãy tạo biểu mẫu đăng kí tuyển sinh của một trường đại học như Hình 3.

Hình minh hoạ

Xem đáp án và lời giải

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

- Đối với mục giới tính và ngành, em tạo sẵn một danh sách các lựa chọn bằng cách sử dụng thẻ <<select) như sau:

<<select id="gioitinh" name="gioitinh",

<<option value="M">Nam</option> <<option value="F">Nữ</option

</select>

– Đối với mục ngày sinh, em tạo sẵn lịch để người dùng chọn ngày bằng cách sử dụng thẻ <<input) có thuộc tính type là date như sau:

<<input type="date" id="ngaysinh" name="ngaysinh",

Đề cùng chủ đề

Tất cả đề Bài F5. Tạo biểu mẫu trong trang web · Các bộ sách Tin học Lớp 12