为什么这个数字输入字段不接受逗号

Question

我的网站上有一笔金额的输入字段，但此输入字段不接受逗号。问题是现在我不能输入像$ 5,21那样的美元。请帮忙......一个例子就足够了

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属性来定义此项目提交的值。使用checked属性   指示是否选择此项目。你也可以使用   indeterminate属性表示复选框位于   不确定状态（在大多数平台上，这绘制了一条水平线   在复选框上。）
  
• color: HTML5用于指定颜色的控件。除了接受简单的颜色作为文本之外，颜色选择器的UI没有必需的功能   （更多信息）。
  
• date: HTML5用于输入日期的控件（年，月，日，没有时间）。
  
• datetime: HTML5用于根据UTC时区输入日期和时间（小时，分钟，秒和小数秒）的控件。
  
• datetime-local: HTML5用于输入日期和时间的控件，没有时区。
  
• email: HTML5用于编辑电子邮件地址的字段。验证输入值以包含空字符串或单个字符串   提交前的有效电子邮件地址。 ：有效和：无效的CSS   适当时应用伪类。
  
• file:允许用户选择文件的控件。使用accept属性定义控件可以选择的文件类型。
  
• hidden:未显示但其值已提交给服务器的控件。
  
• image:图形提交按钮。您必须使用src属性来定义图像的源和要定义的alt属性   替代文字。您可以使用height和width属性   以像素为单位定义图像的大小。
  
• month: HTML5用于输入月份和年份的控件，没有时区。
  
• number: HTML5 用于输入浮点数的控件。
  
• password:单行文本字段，其值被遮盖。使用maxlength属性指定值的最大长度   可以输入。
  
• radio:一个单选按钮。您必须使用value属性来定义此项目提交的值。使用checked属性   指示默认情况下是否选中此项。单选按钮   具有相同的name属性值在同一＆＃34; radio中   按钮组＆＃34 ;;一个组中只能选择一个组中的一个单选按钮   时间。
  
• range: HTML5用于输入确切值不重要的数字的控件。此类型控件使用以下默认值if   未指定相应的属性：min：0，max：100，   value：min +（max-min）/ 2，如果max小于min，则为min，步骤：1
  
• reset:一个按钮，用于将表单内容重置为默认值。
  
• search: HTML5用于输入搜索字符串的单行文本字段;换行符会自动从输入值中删除。
  
• submit:提交表单的按钮。
  
• tel: HTML5用于输入电话号码的控件;换行符会自动从输入值中删除，但没有其他语法   强制执行。您可以使用pattern和maxlength等属性   限制在控件中输入的值。 ：有效和：无效的CSS   适当时应用伪类。
  
• text:单行文字字段;换行符会自动从输入值中删除。
  
• time: HTML5用于输入没有时区的时间值的控件。
  
• url: HTML5用于编辑网址的字段。验证输入值以包含空字符串或之前的有效绝对URL   提交。换行符和前导或尾随空格是   自动从输入值中删除。您可以使用属性   例如pattern和maxlength来限制输入的值   控制。 ：valid和：无效的CSS伪类被应用为   合适的。
  
• week: HTML5用于输入日期的控件，该日期包含没有时区的周年数和周数。
  

由于它只接受浮动，因此不接受$123,456（字符串）之类的输入。只需将输入类型更改为text即可解决您的问题。

您还可以使用货币符号添加控件，例如this example from bootstrap：