Giáo án điện tử Tin học ứng dụng 12 cánh diều Bài 6: Tạo biểu mẫu

BÀI 6. TẠO BIỂU MẪU

KHỞI ĐỘNG

Trên màn hình soạn thảo email có một số ô điều khiển nhập dữ liệu, em hãy cho biết tên và chứ năng của các điều khiển đó.

• Tên và chức năng của ô điều khiển "To" trong màn hình soạn thảo email là gì?

• Ô điều khiển "Cc" (Carbon copy) trong email có chức năng gì? Tại sao lại sử dụng nó?

• Nếu bạn muốn gửi một email mà không muốn người nhận biết về những người khác đã nhận email đó, bạn sẽ sử dụng ô điều khiển nào? Hãy mô tả tên và chức năng của nó.

• Ô "Chủ đề" trong màn hình soạn thảo email có tác dụng gì? Tại sao việc nhập tiêu đề là quan trọng?

• Ô "Nội dung" trong email là nơi để làm gì? Nó cần phải chứa những thông tin gì?

• Làm thế nào để bạn đính kèm một tệp vào email? Và ô điều khiển nào trong màn hình soạn thảo email giúp bạn làm điều này?

• Khi bạn đã hoàn tất việc soạn thảo email, bạn sẽ sử dụng nút điều khiển nào để gửi email đi?

• Nếu bạn muốn lưu email nhưng không gửi đi ngay lập tức, bạn sẽ nhấp vào ô điều khiển nào?

• Ô điều khiển "Settings" trong màn hình soạn thảo email làm gì? Bạn có thể tìm thấy những tùy chọn nào khi nhấp vào đây?

• Ô điều khiển "Bcc" (Blind carbon copy) có điểm gì khác biệt so với ô "Cc"?

1. NHẬP DỮ LIỆU THÔNG QUA BIỂU MẪU

2. MỘT SỐ ĐIỀU KHIỂN HỖ TRỢ NHẬP DỮ LIỆU THÔNG DỤNG VÀ NÚT LỆNH

Hoạt động: Em hãy phân biệt sự khác nhau giữa việc nhập dữ liệu cho ô “Địa chỉ người nhận” và ô “Nội dung” khi soạn thảo email.

3. MỘT SỐ LƯU Ý TRONG THIẾT KẾ BIỂU MẪU

Luyện tập: Em hãy soạn thảo văn bản HTML để tạo biểu mẫu với các điều khiển nhập liệu như ở hình 6. 

• Em đã sử dụng phần tử HTML nào để tạo biểu mẫu đăng ký tham gia Hội thao?

• Để yêu cầu người dùng nhập Họ và tên, em đã sử dụng loại điều khiển nào trong biểu mẫu?

• Để đảm bảo người dùng nhập đúng định dạng email, em đã sử dụng loại điều khiển nào và thuộc tính nào?

• Làm thế nào để người dùng có thể chọn lớp học của họ trong biểu mẫu? Em đã sử dụng phần tử HTML nào để làm điều này?

• Biểu mẫu đăng ký Hội thao còn cho phép người dùng chọn tham gia các môn nào? Em đã sử dụng loại điều khiển nào để tạo danh sách các môn này?

Vận dụng: Em hãy hiệu chỉnh văn bản HTML trong bài Luyện tập để chỉ cho phép chọn một môn thể thao trong danh sách các môn thể thao được gợi ý.

TỰ KIỂM TRA

Mỗi phát biểu sau đây về các điều khiển nhập dữ liệu trên biểu mẫu là đúng hay sai?

• Phần tử textarea được dùng để khai báo điều khiển nhập dữ liệu kí tự trên nhiều dòng trong biểu mẫu.

• Phần tử input có thuộc tính type = "radio" được dùng để khai báo các mục lựa chọn cho phép người dùng có thể chọn nhiều mục chọn.

• Phần tử input có thuộc tính type = "submit” được dùng để khai báo nút lệnh gửi dữ liệu.

• Muốn xuống dòng khi nhập dữ liệu vào ô nhập liệu tạo bằng khai báo phần tử input có thuộc tính type="text" sử dụng phím Enter.