Câu hỏi:
19/10/2024 45Sách mới 2k7: 30 đề đánh giá năng lực DHQG Hà Nội, Tp. Hồ Chí Minh, BKHN 2025 mới nhất (600 trang - chỉ từ 140k).
Quảng cáo
Trả lời:
Hướng dẫn: Bảng chỉ có ba trường thông tin, em có thể sử dụng ba phần tử <input> tương ứng với mỗi loại thông tin. Cụ thể:
<h2>Biểu mẫu thu thập thông tin</h2>
<form action="/submit" method="post" enctype="multipart/form-data">
<label for="tenMon">Tên món ăn:</label><br>
<input type="text" id="tenMon" name="tenMon" required><br><br>
<label for="anhMinhHoa">Tải tệp hình ảnh:</label><br>
<input type="file" id="anhMinhHoa" name="anhMinhHoa" accept="image/*" required><br><br>
<label for="giaTien">Giá tiền:</label><br>
<input type="number" id="giaTien" name="giaTien" required min="0" step="0.01"><br><br>
<input type="submit" value="Gửi">
</form>
</body>
</html>
– Tên món ăn – text
– Hình ảnh – Cần tải tệp để cập nhật hình ảnh đặt type=“file”.
– Giá tiền – đặt là number để đảm bảo giá trị nhập vào dưới dạng số.
Sau khi thu thập thông tin qua biểu mẫu, em có thể lưu trữ các dữ liệu này vào một bảng trong cơ sở dữ liệu, hoặc hiển thị lại trong một bảng HTML khác trên trang web để xem lại thông tin mà người dùng đã nhập.
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Mỗi phương ăn sau đây là đúng hay sai?
A. Thẻ < fieldset> thường được dùng cùng với thẻ ‹legend>.
B. Nút bấm tạo bởi thẻ <input> và thẻ <button> là giống hệt nhau, chỉ khác nhau về cách viết.
C. Phần tử select chỉ cho phép chọn một giá trị trong các giá trị của một danh sách thả xuống.
D. Trong một biểu mẫu đang dùng các phần tử <input type="radio" ...> để thu
thập một loại thông tin, ta có thể thay các phần tử này bằng một phần tử select.
Lưu ý:
- Thẻ < button> có thể định dạng (in đậm, in nghiêng,...) cho dòng chữ xuất hiện trên nút bẩm, thẻ <input> thì không.
- Để chọn nhiều giá trị ta thêm vào thẻ thuộc tính multiple.
- Phần tử radio cho phép chọn một trong các phương án cho sẵn. Tương tự như vậy, phần tử select cho phép chọn một trong các phương án có sẵn theo dạng danh sách thả xuống.
Câu 2:
Để tạo một ô nhập văn bản trong biểu mẫu, em có thể sử dụng những phần tử nào?
A. <input>.
B. <textarea>.
C. ‹fieldset›.
D. <data>.
Câu 3:
Thuộc tính nào được sử dụng để xác định một phần tử <input> là bắt buộc phải điền thông tin?
A. required.
B. mandatory.
C. necessary.
D. compulsory.
Câu 4:
Mỗi phương án sau đây là đúng hay sai?
A. Không thể nhập giá trị chữ vào ô nhập <input type="number">.
B. Mỗi biểu mẫu chỉ được dùng tồi đa một <fieldset›.
C. Hai <input type="radio" ...> không thể chọn cùng lúc nều có value bằng nhau.
D. Tập hợp các <input type="checkbox" ..> có thể được thay bằng một <select multiple ...›.
Câu 5:
Những câu lệnh nào sau đây tạo một nút gửi trong biểu mẫu?
A. <button type="button">.
B. <input type="reset">.
C. <button type="submit*>.
D. <input type="submit">.
Câu 6:
Thực hành: Tham khảo một số biểu mẫu thu thập thông tin khi em đăng kí sử dụng một dịch vụ nào đó (thư điện tử, thư viện, phiếu khảo sát...) và viết biểu mẫu để thực hiện.
về câu hỏi!