Hướng dẫn how do you create a currency field in html? - làm thế nào để bạn tạo một trường tiền tệ trong html?

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ó. https://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.

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