BÀI 12 - TẠO BIỂU MẪU

Bài 12 - Tạo biểu mẫu (kntt)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động 1	Câu hỏi(t.69)	Luyện tập	Vận dụng

Khởi động (trang 67): Để 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.

Gợi ý trả lời:

Phần tử HTML cần sử dụng để tạo đơn hàng trên website là Form (Biểu mẫu)

1. BIỂU MẪU WEB

Hoạt động 1 (trang 67): 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 đó.

Gợi ý trả lời:

Các bước thực hiện đăng ký tài khoản trên một trang web:
- Truy cập trang web
- Tìm nút đăng ký
- Điền thông tin đăng ký
- Đọc và đồng ý với các điều khoản dịch vụ
- Hoàn tất đăng ký
- Xác nhận tài khoản
- Đăng nhập

CÂU HỎI

Câu hỏi 1 (trang 69): Điểm khác biệt giữa radio, checkbox và select là gì?

Gợi ý trả lời:

- Radio và checkbox là hai type trong phần tử input còn select là phần tử select.
- Radio và select chỉ chọn một giá trị trong các giá trị sẵn có nhưng khác nhau về cách biểu diễn (không gian sử dụng trong mẫu biểu). Thông thường:
+ Số lựa chọn không quá 7: người thiết kế thường dùng radio.
+ Số lựa chọn lớn hơn 7: thường dùng select.
- Select chỉ tập trung vào lựa chọn được chọn, radio phân bố sự tập trung đều nhau.
- Checkbox dùng để chọn nhiều giá trị, mỗi giá trị dưới dạng có/không.
Câu hỏi 2 (trang 69): 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.

Gợi ý trả lời:

2. THỰC HÀNH TẠO BIỂU MẪU

Luyện tập (trang 70): 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.

Gợi ý trả lời:

1. 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.

- 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.

2. 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.

VẬN DỤNG

Vận dụng 1 (trang 70): Tạo một biểu mẫu đăng kí thành viên câu lạc bộ.

Gợi ý trả lời:

Vận dụng 2 (trang 70): 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.

Gợi ý trả lời: