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.

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.