Câu hỏi tự luận mức độ vận dụng Tin học ứng dụng 12 cd bài 6: Tạo biểu mẫu

Câu 1: 

<input type= “text” name = “Tên_điều_khiển” value = “Giá trị”>

Trong đó: 

- Tên_điều_khiển được gán cho thuộc tính name. Thuộc tính name không phải là thuộc tính bắt buộc khai báo, nhưng tất cả các điều khiển thường được đặt tên để thuận lợi cho việc xử lí dữ liệu gửi từ biểu mẫu về máy chủ web

- Thuộc tính value nếu được khai báo thì Giá trị được gán là giá trị mặc định của ô text khi hiểm thị trên màn hình trình duyệt web

Câu 2: 

- Kiểm tra dữ liệu trước khi gửi: JavaScript có thể được sử dụng để thực hiện kiểm tra dữ liệu nhập từ người dùng trước khi gửi biểu mẫu. Điều này giúp ngăn ngừa việc gửi dữ liệu không hợp lệ đến máy chủ.

- Thông báo lỗi ngay lập tức: Thay vì chỉ thông báo lỗi sau khi gửi biểu mẫu, bạn có thể sử dụng JavaScript để hiển thị thông báo lỗi ngay khi người dùng nhập dữ liệu không hợp lệ.

- Cải thiện giao diện người dùng: Sử dụng JavaScript để thay đổi kiểu dáng của các trường nhập khi có lỗi (ví dụ: thay đổi màu nền hoặc thêm biểu tượng cảnh báo).

- Giải thích mã JavaScript:

+ validateForm(event): Hàm này được gọi khi người dùng gửi biểu mẫu. Nó ngăn chặn hành động gửi mặc định của biểu mẫu.

- Lấy giá trị từ các trường nhập: Sử dụng document.getElementById() để lấy giá trị của trường họ tên và email.

-Kiểm tra họ tên: Nếu trường họ tên để trống, hiển thị thông báo lỗi bằng alert().

- Kiểm tra định dạng email: Sử dụng biểu thức chính quy để kiểm tra xem email có hợp lệ hay không.

- Gửi biểu mẫu: Nếu tất cả các kiểm tra đều hợp lệ, biểu mẫu sẽ được gửi bằng cách gọi submit().

*Lợi ích:

+ Cải thiện trải nghiệm người dùng: Người dùng sẽ nhận được phản hồi ngay lập tức về các lỗi nhập liệu, giúp họ sửa chữa trước khi gửi biểu mẫu.

+ Giảm tải cho máy chủ: Bằng cách kiểm tra dữ liệu trên trình duyệt, bạn giảm thiểu số lượng yêu cầu không hợp lệ gửi đến máy chủ.