Xây dựng trang web 

📝 Yêu cầu bài

1. Áp dụng giao diện (CSS)

• Sử dụng stylesheet (CSS) cho toàn bộ form.
• Khi focus vào input → nền màu vàng
• Khi blur (rời khỏi input) → trở lại style ban đầu

2. Danh sách Product (Select)

3. Danh sách Credit Card (DropdownList)

4. Validation

• Tất cả các trường đều bắt buộc nhập
• Không được để trống bất kỳ field nào

5. Xử lý các TextBox

Trạng thái ban đầu:

• Disable các ô:
  • UnitPrice
  • Quantity
  • TotalPrice

Khi chọn Product:

• Enable ô Quantity
• Gán UnitPrice = value của Product

Ô Quantity:

• Chỉ cho phép nhập số
• Sử dụng sự kiện: keypress

Khi nhập Quantity:

• Sử dụng sự kiện: keyup
• Tính:

👉 TotalPrice = UnitPrice × Quantity

6. Credit Card

Trạng thái ban đầu:

• Disable toàn bộ các ô nhập Credit Card Number

Khi chọn Credit Card:

• Enable các ô nhập số thẻ

Quy tắc nhập:

• Chỉ cho nhập số
• Mỗi ô:
  • Tối đa 4 ký tự
• Tổng cộng:
  • 16 số (4 ô × 4 số)

7. Tóm tắt hành vi

• Focus input → nền vàng
• Blur → trở lại bình thường
• Chọn Product → nhập được Quantity
• Nhập Quantity → tự tính TotalPrice
• Chọn Credit Card → nhập được số thẻ
• Số thẻ:
  • Chỉ số
  • 16 số (chia 4 ô)