Thực hành: 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: 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:

• Câu 12.1 trang 34 SBT Tin học 12: Để 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? ....

• Câu 12.2 trang 34 SBT Tin học 12: Những câu lệnh nào sau đây tạo một nút gửi trong biểu mẫu? ....

• Câu 12.3 trang 34 SBT Tin học 12: Để tạo một ô chọn danh sách thả xuồng trong biểu mẫu, em sử dụng câu lệnh nào dưới đây? ....

• Câu 12.4 trang 34 SBT Tin học 12: 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? ....

• Câu 12.5 trang 34 SBT Tin học 12: Hoàn thiện câu lệnh sau để tạo nhãn cho một phần tử <input> có id là CCCD: ....

• Câu 12.6 trang 34 SBT Tin học 12: Hai thuộc tính liên kết phân tử <label> và <input> tương ứng là ....

• Câu 12.7 trang 34 SBT Tin học 12: Hoàn thiện đoạn mã dưới đây và giải thích lí do ....

• Câu 12.8 trang 35 SBT Tin học 12: Thuộc tính nào xác định giá trị mặc định cho một phần tử <input> và được hiển thị sẵn khi tải biểu mẫu? ....

• Câu 12.9 trang 35 SBT Tin học 12: Thuộc tính width và height của phần tử <input> chỉ có tác dụng khi thuộc tính type là: ....

• Câu 12.10 trang 35 SBT Tin học 12: Để thiết lập khoảng giá trị cho phần tử <input type="number"...> ta dùng thuộc tính nào sau đây? ....

• Câu 12.11 trang 35 SBT Tin học 12: Mỗi phương ăn sau đây là đúng hay sai? ....

• Câu 12.12 trang 35 SBT Tin học 12: Mỗi phương án sau đây là đúng hay sai? ....

• Câu 12.14 trang 35 SBT Tin học 12: 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 đó ....

Xem thêm các bài giải sách bài tập Tin học lớp 12 Kết nối tri thức hay, chi tiết khác:

• SBT Tin học 12 Bài 11: Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web

• SBT Tin học 12 Bài 13: Khái niệm, vai trò của CSS

• SBT Tin học 12 Bài 14: Định dạng văn bản bằng CSS

• SBT Tin học 12 Bài 15: Tạo màu cho chữ và nền

• SBT Tin học 12 Bài 16: Định dạng khung

• SBT Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn

Xem thêm các tài liệu học tốt lớp 12 hay khác:

• Giải sgk Tin học 12 Kết nối tri thức
• Giải Chuyên đề Tin học 12 Kết nối tri thức
• Giải SBT Tin học 12 Kết nối tri thức
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Chân trời sáng tạo (các môn học)
• Giải lớp 12 Cánh diều (các môn học)

---