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 hỏi
Đ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.
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
- Để 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>
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.
Đố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">
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.
- Đố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",
