Question

想要一个HTML编号字段，用户可以在其中输入以逗号和空格分隔的数字...例如＆＃39; 1,2,3。＆＃39;现在它只接受没有逗号和空格的输入，并且不允许我在该字段中使用逗号/空格提交表单。

以下是我简单输入字段的示例： <input id="A" name="HLA-A" type="number" />

需要号码字段，以便在智能手机上弹出数字键盘。

看了一眼，我很惊讶我没有找到任何相关内容......或许有一个简单的答案？有人有什么想法吗？

谢谢！

Answer 1

如果您真的需要type="number"，那么您应该执行以下操作：

<input type="number" />,<input type="number" />,<input type="number" />

否则，您可以执行以下操作：

<input type="text" pattern="\d+, \d+, \d+" />

两种方式，某些浏览器可能不支持它。

Answer 2

这是我如何使其工作的方法，但仅采用列出几项的正确语法方法，例如1、2、3、4（在下面的PHP代码中）：

<input type="text" name="num" size="10" /> // The input here first.
$num = explode(', ', $_POST['num']); // This removes the commas from the string $_POST['num'] and becomes an array with the explode function.
echo "Numbers ($num[0], $num[1], $num[2], $num[3]) " // Then you can access each part of the array.

上面的代码可用于将以这种方式输入的数字相加：1、2、3、4，依此类推，它将拆分为：“，”并形成一个数组，其中拆分以将其分开（或者您可以在...等之后连接这些部分）。

要在手机上使用的数字小键盘输入为here。

HTML输入类型=数字 - 输入用逗号分隔的多个数字？

2 个答案: