Khái niệm
Trong lập trình web tạo thẻ input chọn được nhiều giá trị hết sức phổ biến, được dùng trong nhiều chức năng nhất là các thẻ tags. Để làm được chức năng này ta cần sử dụng HTML CSS Javascript và kiến thức về mảng.
Phương pháp tạo input chọn được nhiều giá trị
Ta khởi tạo một mảng để lưu giử các giá trị với Javascript.
Sau khi đã có được giá trị mẫu ta sẽ tiến hành tạo ra một function có chức năng để show nó lên màn hình HTML.
Khi người dùng click vào element remove trên mỗi li sẽ gọi đến một function với chức năng dùng để xóa giá trị đó ra khỏi mảng.
Và khi người dùng nhập dử liệu, khi bắt được sự kiện nhấn enter sẽ tiến hành thêm dử liệu mà người dùng vừa nhập vào mảng tags và show lên màn hình.
Xem video hướng dẩn chi tiết cụ thể hơn
Download code trong video
Kết luận
Nếu chỉ sử dụng HTML, CSS sẽ không thể nào xây dựng chức năng này cho website, việc áp dụng Javascript và vận dụng kiến thức lập trình mảng sẽ khiến việc xây dựng chức năng input nhập nhiều giá trị đơn giản hơn.