HTML5: Practical 16
Tạo một biểu mẫu mua hàng trực tuyến như hình vẽ sau:
Hình 1
-Hãy thực hiện việc kiểm tra dữ liệu như sau:
- Nếu người sử dụng không điền thông tin vào các trường: Họ và tên đệm, Tên, Địa chỉ, Thành phố
- Số điện thoại phải điền theo mẫu: (034) 344-5555
- Nếu người sử dụng chưa check vào ô: Chọn vào đây nếu địa chỉ của bạn khác với địa chỉ đã điền trong email thì ô text bên dưới sẽ bị mờ đi. Khi người sử dụng check vào thì sẽ hiện ra ô bên dưới cho phép đưa địa chỉ vào.
- Khi người sử dụng nhấn chuột vào ô điền địa chỉ thì dòng chữ: Hãy điền địa chỉ giao hàng vào đây nếu khác trên sẽ tự động được xóa đi.
- Kiểm tra thời gian hết hiệu lực (01/99)
- Sau khi các dữ liệu đã được điền đúng. Nếu người sử dụng nhấn vào nút Đồng ý thì mở một cửa sổ mới với các thông tin điền vào như Hình 2.
Hình 2
- Nếu người sử dụng nhấn Cancel thì chuyển lại form mua hàng với yêu cầu focus vào ô Họ và tên đệm.
- Nếu người sử dụng nhấn OK thì ô thông báo như hình 3 hiện ra.
Hình 3