Kích hoạt phân số/xu/số thập phân cho đầu vào số
Để cho phép phân số trên một đầu vào số, bạn cần chỉ định thuộc tính step
cho any
:
Điều này sẽ đặc biệt giữ cho Chrome hiển thị lỗi khi một loại tiền số thập phân/phân đoạn được nhập vào đầu vào. Mozilla, IE, v.v ... Đừng lỗi nếu bạn quên chỉ định step="any"
. W3C Spec tuyên bố rằng bước = "bất kỳ" nào, thực sự, cần thiết để cho phép số thập phân. Vì vậy, bạn chắc chắn nên sử dụng nó. //developer.mozilla.org/en-us/docs/web/html/element/input/number#step
Lưu ý rằng nếu bạn muốn các nút lên/xuống thực hiện độ chi tiết cụ thể, thì bạn phải chỉ định một bước số như ".01".
Ngoài ra, đầu vào số hiện được hỗ trợ khá rộng rãi [> 90% người dùng].
Những tùy chọn đầu vào nào có tiền/tiền tệ?
Tiêu đề của câu hỏi đã thay đổi và mang một ý nghĩa hơi khác. Người ta có thể sử dụng cả đầu vào số hoặc văn bản để chấp nhận tiền/số thập phân.
Đối với trường đầu vào cho tiền tệ/tiền, nên sử dụng loại đầu vào và chỉ định các thuộc tính thích hợp như đã nêu ở trên. Tính đến năm 2020, không có thông số kỹ thuật W3C cho một loại tiền tệ hoặc tiền đầu vào thực tế.
Lý do chính là nó tự động ép buộc người dùng nhập định dạng tiền tệ tiêu chuẩn hợp lệ và không cho phép bất kỳ văn bản chữ và chữ số nào. Như đã nói, bạn chắc chắn có thể sử dụng đầu vào văn bản thông thường và thực hiện một số xử lý bài để chỉ lấy giá trị số/thập phân [cũng cần có xác thực phía máy chủ vào một lúc nào đó].
OP chi tiết một yêu cầu của các ký hiệu tiền tệ và dấu phẩy. Nếu bạn muốn logic/định dạng fancier như thế, [tính đến năm 2020], bạn sẽ cần tạo logic JS tùy chỉnh cho đầu vào văn bản hoặc tìm plugin.
Thuộc tính khung
Tùy chọn
CSS chuẩn hóa
Fiddle này trước đây đã không thay đổi. Áp dụng các thay đổi loại bỏ
Tức là không còn được hỗ trợ 📠
- Chạy
- Tiết kiệm
Cái nĩa
Đặt làm cơ sở Columns Bottom results Right results Tabs [columns] Tabs [rows]
Hợp tác
Cài đặt
Đăng nhập
Bố cục biên tập
Các cột cổ điển Kết quả dưới cùng các tab Tab Kết quả [Cột] Tab [hàng]
Bảng điều khiển
Bảng điều khiển trong trình soạn thảo [Beta]
Bảng điều khiển rõ ràng đang chạy
Chung
Số dòng
Bao bọc dòng
Thụt lề với các tab
Mã gợi ý [tự động hoàn thành] [beta]
Hành vi
Mã tự động chạy
Chỉ mã tự động chạy xác thực
Mã tự động-Save [Bumps phiên bản]
Auto-Close thẻ HTML
Khung tự động đóng
Xác thực mã trực tiếppersonal data
- Do not include copyrighted material
Đánh dấu các thẻ phù hợp if you'd like to delete this fiddle in the future.
Bánh hơi
Xác thực mã trực tiếppersonal data
- Do not include copyrighted material
Đánh dấu các thẻ phù hợp if you'd like to delete this fiddle in the future.
Bánh hơi HTML CSS Result Hiển thị thanh nồi hơi ít thường xuyên Dark - Hãy chắc chắn không bao gồm dữ liệu cá nhân- không bao gồm tài liệu có bản quyền to fit the code Đăng nhập nếu bạn muốn xóa fiddle này trong tương lai. of the parent pageTabs:
Visual:
Lưu fiddle ẩn danh [công khai]?
Fork Anonymous [công khai] fiddle?
JavaScript HTML CSS kết quả
Tối sáng
JSON: /echo/json/
JSONP: //jsfiddle.net/echo/jsonp/
HTML: /echo/html/
XML: /echo/xml/
Xem tài liệu để biết thêm thông tin.
Khác [Liên kết, Giấy phép]
Được tạo và duy trì bởi Piotr và Oskar.
Được tổ chức trên DigitalOceanDigitalOcean
Tất cả các mã thuộc về poster và không có giấy phép được thực thi. JSFiddle hoặc các tác giả của nó không chịu trách nhiệm hoặc chịu trách nhiệm cho bất kỳ tổn thất hoặc thiệt hại nào trong quá trình sử dụng mã được cung cấp.
Liên kết
Lộ trình theo dõi lỗi [bỏ phiếu cho các tính năng] về tình trạng dịch vụ tài liệu
Roadmap [vote for features]
About
Docs
Service status
Ngôn ngữ
Doctype
Tag cơ thể
Ngôn ngữ
Doctype
- Tag cơ thể
Khung & Tiện ích mở rộng
Ngôn ngữ
Doctype
Tag cơ thể
- Khung & Tiện ích mở rộng Apply changes Discard
JQuery Mobile 1.4.4