InputSlider hoạt động bằng cách lấy một trường đầu vào, che giấu nó, và thấy một thanh trượt kéo lên trên.
Các giá trị trên thanh trượt đại diện cho min / giá trị tối đa dự kiến sẽ được đưa vào bên trong lĩnh vực này.
Sử dụng tay cầm để kéo người dùng sẽ có thể điều chỉnh giá trị của lĩnh vực này, trong đó cũng được hiển thị ở phía trên cùng của thanh trượt.
InputSlider đơn giản hoá quá trình nhập số bên trong một trường mẫu, nhưng quan trọng hơn là nó mang lại cho các nhà phát triển kiểm soát nhiều hơn những giá trị được nhập vào bằng cách hạn chế phạm vi đầu vào.
Lớp MooTools này có hỗ trợ đặc biệt để xử lý tiền tệ và tỷ lệ phần trăm giá trị, có thể được theo kiểu qua CSS, có thể tự động chụp tay cầm để kéo các giá trị nhất định (điều chỉnh bước-based), và cũng có thể tô màu cho văn bản có giá trị của đầu vào dựa trên số lựa chọn hiện tại của nó.
Một bản demo được bao gồm trong gói tải về
là gì mới trong phiên bản này:..
- Nhập khẩu InputSlider để GitHub
Yêu cầu :
- kích hoạt JavaScript về phía khách hàng
- MooTools
Bình luận không