爲什麼此數字輸入字段不接受逗號

Question

我的網站上有一筆金額的輸入字段，但此輸入字段不接受逗號。問題是現在我無法輸入5美元的美元數額。請幫助...一個例子就足以

Bedrag: <input type="number" name="goed_doel_bedrag" id="goed_doel_bedrag" step="any"min="0" placeholder="Vul hier het bedrag in"> 

Answer 1

您有：

input type="number" 

這將限制控制，只接受浮點數。以下是從Mozilla Developer Network

類型

控制的類型來顯示。如果未指定 屬性，則默認類型爲文本。可能的值爲：

• button:一個沒有默認行爲的按鈕。
• checkbox:一個複選框。您必須使用value屬性來定義此項目提交的值。使用選中的屬性 指示是否選擇此項目。您還可以使用 indeterminate屬性來指示該複選框處於 不確定狀態（在大多數平臺上，這會在複選框上繪製水平線 ）。
• color: HTML5用於指定顏色的控件。顏色選擇器的用戶界面除了接受簡單的顏色文本 （更多信息）外沒有其他必需的功能。
• date: HTML5用於輸入日期（年，月，日，無時間）的控件。
• datetime: HTML5用於根據UTC時區輸入日期和時間（小時，分鐘，秒和小數秒）的控件。
• datetime-local: HTML5用於輸入日期和時間的控件，沒有時區。
• email: HTML5用於編輯電子郵件地址的字段。在提交之前，輸入值被驗證爲包含空字符串或單個有效的電子郵件地址。該：有效的和：無效的CSS僞指令被適當地應用。
• file:一個讓用戶選擇文件的控件。使用accept屬性來定義控件可以選擇的文件類型。
• hidden:控件不顯示，但其值已提交給服務器。
• image:一個圖形提交按鈕。您必須使用src屬性來定義圖像的來源和alt屬性，以定義替代文本 。您可以使用高度和寬度屬性以 定義圖像的大小（以像素爲單位）。
• month: HTML5用於輸入月份和年份的控件，沒有時區。
• number: HTML5 用於輸入浮點數的控件。
• password:單行文本字段的值被遮蔽。使用maxlength屬性指定可以輸入的值 的最大長度。
• radio:單選按鈕。您必須使用value屬性來定義此項目提交的值。使用checked屬性 指示是否默認選擇此項目。 與名稱屬性具有相同值的單選按鈕位於相同的「radio 按鈕組」中。在一個 時間內，只能選擇一個組中的一個單選按鈕。
• range: HTML5用於輸入精確值不重要的數字的控件。如果 未指定相應屬性，則此類型控件使用以下默認值：min：0，max：100, value：min +（max-min）/ 2或min如果max小於min，則步驟：1
• reset:將窗體內容重置爲默認值的按鈕。
• search: HTML5用於輸入搜索字符串的單行文本字段;換行符會自動從輸入值中刪除。
• submit:提交表單的按鈕。
• tel: HTML5輸入電話號碼的控件;換行符會自動從輸入值中刪除，但是沒有其他語法是強制執行的 。您可以使用屬性（如pattern和maxlength）來限制在控件中輸入的值。該：有效的和：無效的CSS僞指令被適當地應用。
• text:單行文本字段;換行符會自動從輸入值中刪除。
• time: HTML5用於輸入沒有時區的時間值的控件。
• url: HTML5用於編輯URL的字段。在提交 之前，輸入值將被驗證爲包含空字符串或有效的絕對URL。自動從輸入值中刪除行中斷和前導或尾隨空白。您可以使用屬性 （如pattern和maxlength）來限制在 控件中輸入的值。有效的和：無效的CSS僞類適用於 。
• week: HTML5用於輸入包含沒有時區的週年數和週數的日期的控件。

由於它只接受浮筒，它不接受像$123,456（字符串）輸入。只需將輸入類型更改爲text即可解決您的問題。

還可以，前面加上控制你的貨幣符號，就像this example from bootstrap：