Thực hành: Hãy tạo một biểu mẫu để thu thập thông tin cho báng đã tạo trong Câu 11.12
Thực hành: Hãy tạo một biểu mẫu để thu thập thông tin cho báng đã tạo trong Câu 11.12.
Sách bài tập Tin học 12 Bài 12: Tạo biểu mẫu - Kết nối tri thức
Câu 12.13 trang 35 SBT Tin học 12: Thực hành: Hãy tạo một biểu mẫu để thu thập thông tin cho báng đã tạo trong Câu 11.12.
Lời giả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.
Lời giải sách bài tập Tin học 12 Bài 12: Tạo biểu mẫu hay khác: