Bài 12. Tạo biểu mẫu trang 67, 68, 69
CH tr 67 KĐ
Trả lời câu hỏi Khởi động trang 67 SGK Tin học 12 Cánh diều
Để tham gia hội chợ ẩm thực ở trường, lớp em đã tạo một website để quảng cáo sản phẩm. Em hãy thảo luận và chọn loại phần tử HTML cần sử dụng để tạo đơn hàng trên website.
Phương pháp giải:
Xác định mục tiêu muốn hiển thị trên trang web.
Lựa chọn phần tử HTML thích hợp.
Lời giải chi tiết:
Cần hiển thị đơn hàng trên website quảng cáo sản phẩm.
=> có thể sử dụng các phần tử HTML Form (Biểu mẫu).
CH tr 67 HĐ
Trả lời câu hỏi Hoạt động trang 67 SGK Tin học 12 Cánh diều
Mô tả các bước mà em đã thực hiện khi đăng kí tài khoản trên một trang web nào đó.
Phương pháp giải:
Sử dụng trải nghiệm thực tế của bản thân.
Thông thường để đăng kí tài khoản trên một trang web cần:
Truy cập trang web.
Chọn tùy chọn “đăng kí” hoặc “tạo tài khoản mới”
Nhập thông tin cá nhân.
Xác nhận thông tin.
Hoàn tất đăng kí.
Đăng nhập (tùy chọn).
Lời giải chi tiết:
Các bước thực hiện khi đăng ký tài khoản trên một trang web:
- Truy cập trang web: Truy cập vào trang web cần đăng ký tài khoản, thường là bằng cách nhập URL vào trình duyệt web của bạn.
- Chọn tùy chọn "Đăng ký" hoặc "Tạo tài khoản mới": Trên trang web, thường sẽ thấy một liên kết hoặc nút cho phép đăng ký tài khoản mới. Nhấp vào nút này để bắt đầu quá trình đăng ký.
- Nhập thông tin cá nhân: Trang web sẽ yêu cầu nhập các thông tin cá nhân như tên, địa chỉ email, mật khẩu, ngày sinh, và thông tin khác tùy thuộc vào yêu cầu của trang web đó.
- Xác nhận thông tin: Sau khi đã nhập thông tin cá nhân, có thể cần xác nhận thông tin đó bằng cách nhập lại mật khẩu hoặc sử dụng các biện pháp xác thực khác như mã xác minh gửi qua email hoặc tin nhắn văn bản.
- Hoàn tất đăng ký: Sau khi đã nhập đầy đủ thông tin và xác nhận chúng, sẽ hoàn tất quá trình đăng ký. Trang web có thể cung cấp một thông báo hoặc chuyển đến một trang khác để xác nhận rằng tài khoản đã được tạo thành công.
- Đăng nhập (tùy chọn): Đôi khi sau khi đăng ký tài khoản, sẽ tự động đăng nhập vào trang web. Tuy nhiên, đôi khi cần phải đăng nhập bằng thông tin tài khoản vừa đăng ký để truy cập vào các tính năng của trang web.
CH tr 69 CH1
Trả lời câu hỏi 1 trang 69 SGK Tin học 12 Cánh diều
Điểm khác biệt giữa radio, checkbox và select là gì?
Phương pháp giải:
Nắm được khái niệm và chức năng của 3 loại phần tử.
Radio: cho phép người dùng được chọn một trong các nút radio.
Checkbox: chọn một hoặc nhiều lựa chọn từ một danh sách các lựa chọn.
Select: chọn một lựa chọn từ một danh sách thả xuống.
Lời giải chi tiết:
*Radio (nút radio):
- Nút radio cho phép người dùng chọn một lựa chọn từ một danh sách các lựa chọn.
- Chỉ có một lựa chọn có thể được chọn trong một nhóm các nút radio.
Khi một nút radio được chọn, các nút radio khác trong cùng nhóm sẽ được tự động bỏ chọn.
- Được sử dụng khi chỉ có một lựa chọn duy nhất được phép.
*Checkbox (hộp kiểm):
- Checkbox cho phép người dùng chọn một hoặc nhiều lựa chọn từ một danh sách các lựa chọn.
- Nhiều checkbox có thể được chọn cùng một lúc.
- Mỗi checkbox hoạt động độc lập với các checkbox khác.
- Thường được sử dụng khi nhiều lựa chọn có thể được chọn hoặc bỏ chọn.
*Select (danh sách thả xuống):
- Select cho phép người dùng chọn một lựa chọn từ một danh sách thả xuống.
- Chỉ có một lựa chọn có thể được chọn tại một thời điểm.
- Người dùng có thể mở danh sách và chọn một mục từ danh sách.
- Thường được sử dụng khi có một danh sách lựa chọn dài hoặc khi không gian trên trang web hạn chế và muốn giữ giao diện gọn gàng.
=> Tóm lại, radio được sử dụng khi chỉ có một lựa chọn được phép, checkbox khi nhiều lựa chọn được phép, và select khi có một danh sách dài các lựa chọn hoặc khi giao diện cần được tối ưu hóa.
CH tr 69 CH2
Trả lời câu hỏi 2 trang 69 SGK Tin học 12 Cánh diều
Hãy viết câu lệnh để thêm một nút có tên “Quên mật khẩu” vào biểu mẫu.
Phương pháp giải:
Xác định câu lệnh muốn thêm vào.
Xác định phần tử HTML sẽ sử dụng “button”.
Lời giải chi tiết:
CH tr 70 LT
Trả lời câu hỏi Luyện tập trang 70 SGK Tin học 12 Cánh diều
Lần lượt tạo các loại phần tử form và các phần tử input với những loại dữ liệu khác nhau và liệt kê ra ba ví dụ có thể sử dụng của từng loại.
Phương pháp giải:
Các loại phần tử form: form cơ bản, form có phần tử select, form với textarea.
Các loại phần tử input: input kiểu text, input kiểu email, input kiểu date.
Sử dụng câu lệnh phù hợp với từng loại phần tử khác nhau.
Lời giải chi tiết:
*Phần tử Form:
- Form cơ bản:
Ví dụ: Một biểu mẫu đăng ký tài khoản.
<
- Form có phần tử select:
Ví dụ: Form chọn quốc gia.
Việt Nam
United States
United Kingdom
- Form với textarea:
Ví dụ: Một ô nhập văn bản lớn cho người dùng nhập ý kiến hoặc phản hồi.
*Phần tử Input:
-Input kiểu text:
Ví dụ: Ô nhập tên người dùng.
- Input kiểu email:
Ví dụ: Ô nhập địa chỉ email.
- Input kiểu date:
Ví dụ: Ô chọn ngày sinh.
CH tr 70 VD1
Trả lời câu hỏi Vận dụng 1 trang 70 SGK Tin học 12 Cánh diều
Tạo một biểu mẫu đăng kí thành viên câu lạc bộ.
Phương pháp giải:
Sử dụng các phần tử phù hợp để tạo form.
Thêm các câu lệnh thỏa mãn yêu các yêu cầu khác nhau: thông tin người đăng kí, nút đăng kí, các lựa chọn phân cấp,…
Lời giải chi tiết:
Biểu mẫu đăng ký thành viên
Đăng ký thành viên
Thành viên cơ bản
Thành viên cao cấp
CH tr 70 VD2
Trả lời câu hỏi Vận dụng 2 trang 70 SGK Tin học 12 Cánh diều
Sửa lại mã nguồn của trang web đã viết trong Nhiệm vụ 2, Bài 11 để thêm một liên kết cho cụm từ Đăng kí. Khi nháy chuột vào liên kết, trang web đã viết ở câu 1 sẽ được hiển thị trong iframe.
Phương pháp giải:
Tìm lại bài tập đã viết.
Sử dụng CSS để định dạng iframe.
Chèn thêm liên kết vào nút đăng kí.
Lời giải chi tiết:
Trang web nghệ thuật
Nghệ thuật
Trình duyệt của bạn không hỗ trợ phát audio.