Share Xây dựng tính năng color picker với thư viện jscolor

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Trên các form dành cho website thì date picker là một thành phần hữu ích được tích hợp rất nhiều. Cũng giống như date picker, color picker cũng rất hữu ích khi các bạn thiết kế form có sử dụng lựa chọn màu sắc. Việc sử dụng color picker sẽ cung cấp cho người dùng công cụ lựa chọn màu sắc trực quan, đơn giản hơn, giúp cho website tương tác tốt hơn với người dùng. Thư viện jscolor là một công cụ color picker nhỏ gọn, thiết kế đơn giản, hiện đại và rất hữu ích cho các bạn lập trình viên.

Với thư viện jscolor, các bạn sẽ nhanh chóng tạo ra một tuỳ chọn color picker chỉ với một vài khai báo đơn giản. Trước tiên, các bạn cần phải tải về thư viện jscolor tại địa chỉ http://jscolor.com/download và tích hợp vào website với dòng mã lệnh HTML như sau:
HTML:
<script src="path/to/jscolor.js"></script>
Bây giờ, các bạn tạo một color picker bằng jscolor đơn giản như sau:
HTML:
<input type="text" class="jscolor" value="0062af">
Các bạn có thể tìm hiểu thêm về thư viện jscolor tại địa chỉ http://jscolor.com.
 
Back
Top