html表输入整数类型？ [复制]答案

【问题标题】：html table input integer type? [duplicate]html表输入整数类型？ [复制]
【发布时间】：2018-07-05 01:35:58
【问题描述】：

我制作了一个输入为整数的表格，但不知何故我仍然能够传递任何文本。

<tr>
      <td>number: </td>
      <td><input type="integer" name="number" value=""/></td>
    </tr>

type="integer" 正确吗？

【问题讨论】：

支持的type 值集是有限的并记录在案：developer.mozilla.org/en-US/docs/Web/HTML/Element/input
非常感谢

标签： php html html-table

【解决方案1】：

简而言之，integer 不是正确的类型 - 您要寻找的是 number

<input type='number' />

此类输入的其他属性是可能的，包括：

min：输入允许的最小值
max：输入允许的最大值
step：上/下选择器将当前值递增的递增值

More information & example usage from MDN

【讨论】：

【解决方案2】：

<input type="number" name="number" value="" min="0" step="1"/>

【讨论】：

min和step是什么意思？
@MartinŠvejda 这将只允许整数

【解决方案3】：

对于数字，您应该使用 type="number" 。详情可以关注the reference。

您更新后的代码为-

<tr>
      <td>number: </td>
      <td><input type="number" name="number" value=""/></td>
    </tr>

其他解决方案：您可以使用JavaScript 验证来完成，如下所示。

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}

&lt;input type="text"  value="" name="number" onkeypress="return isNumber(event)" /&gt;

【讨论】：