Nội dung bài viết

    Xem thêm

    Sách bài tập Tin học 12 Bài F5 (Chân trời sáng tạo): Tạo biểu mẫu trong trang web

    Với giải sách bài tập Tin học 12 Bài F5: Tạo biểu mẫu trong trang web sách Chân trời sáng tạo hay nhất, chi tiết sẽ giúp học sinh dễ dàng làm bài tập trong SBT Tin học 12 Bài F5.

    1 214 16/07/2025
    Trang trước
    Chia sẻ
    Trang sau  

    Giải SBT Tin học 12 Bài F5: Tạo biểu mẫu trong trang web

    Câu F5.1 trang 47 SBT Tin học 12: Điền các từ (<button>, <textarea>, input, nhiều dòng, text, tương tác, nhãn tên, <form), thẻ) vào chỗ chấm cho phù hợp.

    Biểu mẫu web giúp người dùng biểu mẫu trong trang web, em sử dụng thẻ với trang web. Để tạo biểu mẫu trong trang web, em sử dụng thẻ………………

    Với mỗi thành phần của biểu mẫu, em sử dụng các thuộc tính tương ứng như: thẻ <label> để tạo type="............", tạo hộp văn bản, …... và <input type="radio", để tạo tròn nút chọn phương án, thẻ ............ để tạo hộp văn bản cho phép nhập ..., thẻ .....để tạo nút nhấn.

    Lời giải:

    tương tác; <form); thẻ; nhãn tên; text; input; <textarea>; nhiều dòng; <button).

    Câu F5.2 trang 47 SBT Tin học 12: Em hãy tạo biểu mẫu cho phép người dùng nhập thông tin thanh toán như Hình 1

    Em hãy tạo biểu mẫu cho phép người dùng nhập thông tin thanh toán như Hình 1

    Lời giải:

    - Để tạo nút chọn phương thức thanh toán, em viết đoạn mã HTML

    như sau:

    <input type="radio" id="cash" name="payment-method" value="cash"> <label for="cash">Tiền mặt</label>

    <input type="radio" id="debit" name="payment-method" value="cash"> <label for="debit">Thẻ debit hoặc credit</label>

    – Đối với các ô nhập thông tin còn lại, em viết đoạn mã HTML như sau: <label for="name">Tên ghi trên thẻ:</label><br>

    <input type="text" id="name" name="name" required><br><br> - Đối với nút nhấn, em viết mã lệnh HTML như sau:

    <button type="submit" value="Submit">Thanh toán</button>

    Câu F5.3 trang 48 SBT Tin học 12: Em hãy tạo biểu mẫu cho phép người dùng nhập ý kiến phản hồi như Hình 2.

    Em hãy tạo biểu mẫu cho phép người dùng nhập ý kiến phản hồi như Hình 2

    Lời giải:

    Đối với hộp văn bản nhập ý kiến phản hồi, em sử dụng thẻ <textarea> để người dùng có thể nhập nhiều dòng. Cụ thể, em thiết lập sẵn 4 dòng như sau:

    <textarea

    id="feedback"

    required></textarea>

    name="feedback"

    rows="4"

    cols="50"

    – Đối với nút Gửi, em sử dụng thẻ <input) có thuộc tính type là submit như sau:

    <input type="submit" value="Guri">

    Câu F5.4 trang 48 SBT Tin học 12: Em hãy tạo biểu mẫu đăng kí tuyển sinh của một trường đại học như Hình 3.

    Em hãy tạo biểu mẫu đăng kí tuyển sinh của một trường đại học như Hình 3

    Lời giải:

    - Đối với mục giới tính và ngành, em tạo sẵn một danh sách các lựa chọn bằng cách sử dụng thẻ <select) như sau:

    <select id="gioitinh" name="gioitinh",

    <option value="M">Nam</option> <option value="F">Nữ</option

    </select>

    – Đối với mục ngày sinh, em tạo sẵn lịch để người dùng chọn ngày bằng cách sử dụng thẻ <input) có thuộc tính type là date như sau:

    <input type="date" id="ngaysinh" name="ngaysinh",

    Xem thêm lời giải Sách bài tập Tin học lớp 12 bộ sách Chân trời sáng tạo hay, chi tiết khác:

    Bài F6: Dự án tạo trang web

    Bài F7: Giới thiệu CSS

    Bài F8: Một số thuộc tính cơ bản của CSS

    Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS

    Bài F10: Định kiểu CSS cho siêu liên kết và danh sách

    Tham khảo các loạt bài Tin học 12 khác:

    Bài viết cùng lớp mới nhất

    Xem thêm
    1 214 16/07/2025
    Trang trước
    Chia sẻ
    Trang sau  

    Xem thêm các chương trình khác: