Câu hỏi:
19/10/2024 87
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 mới 2k7: Tổng ôn Toán, Lí, Hóa, Văn, Sử, Địa…. kỳ thi tốt nghiệp THPT Quốc gia 2025, đánh giá năng lực (chỉ từ 110k).
Quảng cáo
Trả lời:
Giải bởi Vietjack
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.
Nhà sách VIETJACK:
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Để 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?
A. <input type="select">.
B. <input type="dropdown">.
C. ‹select›.
D. <dropdown>.
Để 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?
A. <input type="select">.
B. <input type="dropdown">.
C. ‹select›.
D. <dropdown>.
Xem đáp án »
19/10/2024
796
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>.
Để 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>.
Xem đáp án »
19/10/2024
562
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.
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.
Xem đáp án »
19/10/2024
406
Câu 4:
Hai thuộc tính liên kết phân tử < label> và <input> tương ứng là
A. input, id.
B. for, id.
C. input, name.
D. for, name.
Hai thuộc tính liên kết phân tử < label> và <input> tương ứng là
A. input, id.
B. for, id.
C. input, name.
D. for, name.
Xem đáp án »
19/10/2024
405
Câu 5:
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.
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.
Xem đáp án »
19/10/2024
395
Câu 6:
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">.
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">.
Xem đáp án »
19/10/2024
364
Câu 7:
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?
A. default.
B. name.
C. value.
D. init.
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?
A. default.
B. name.
C. value.
D. init.
Xem đáp án »
19/10/2024
361
Bình luận
🔥 Đề thi HOT:
-
263 câu Trắc nghiệm tổng hợp ôn thi tốt nghiệp THPT môn Tin học Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính có đáp án
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 7: HTML và cấu trúc trang web
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 10: Tạo liên kết
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 11: Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 8: Định dạng văn bản
-
15 câu Trắc nghiệm Tin học 12 KNTT Bài 9: Tạo danh sách, bảng
-
15 câu Trắc nghiệm Tin học 12 Cánh diều Bài 1: Làm quen với ngôn ngữ đánh dấu siêu văn bản
-
Đề thi học kì 1 Tin học 12 Kết nối tri thức có đáp án- Đề 1
về câu hỏi!