type="number"和type="digit"

type="number"和type="digit"都是HTML表单元素中<input>标签的属性，用于指定用户输入的数据类型。

type="number"属性用于指定输入框只能输入数字类型的值，如果用户输入了非数字类型的值会被自动清除或者阻止输入。同时，可以使用min、max、step属性限制输入数字的范围和步长。

type="digit"属性用于指定输入框只能输入数字类型的值，但是不同于type="number"，它不会限制输入的范围和步长。该属性主要用于移动端的数字键盘输入。

相关问题

中，设置input[type=number]可能导致在某些设备上无法输入小数点。通过将type属性设置为digit，可以解决全平台（包括iOS、小程序、安卓等

在HTML中，`<input type="number">`元素通常用于创建只能输入数字的字段，但它默认会阻止用户输入非整数字符，包括小数点。如果需要允许小数输入，尤其是在跨平台的应用中，比如在移动设备的Web应用或微信小程序中，直接使用`type="number"`可能会遇到问题。

为了兼容性和允许小数输入，你可以考虑将`type`属性改为`<input type="digit">`。然而，这种方法可能仅适用于支持这种类型的浏览器或环境，因为并非所有平台都完全支持`digit`类型。另外，对于一些旧版本的浏览器，这可能不起作用，或者用户可能仍然无法看到小数点图标来表示可以输入小数。

一个更通用的做法是在CSS样式中自定义输入元素，添加键盘事件处理，手动插入小数点符号，并监听用户的输入来确定是否接受小数。例如：

<input id="decimal-input" />

document.getElementById('decimal-input').addEventListener('input', function(e) {
    let value = e.target.value;
    if (value.includes('.') || value === '') {
        return;
    }
    e.target.value += '.';
});

uniapp 小程序 input type="digit" 不生效

如果 `input` 标签的 `type` 属性设置为 `digit`，但是在小程序中输入非数字字符时仍然可以输入，那么可能是因为 `uni-app` 在编译时会将 `input` 标签的 `type` 属性转化成小程序的 `type` 属性。但是，在小程序中，`type` 属性只支持以下几种类型：

- `text`：文本输入键盘。
- `number`：数字输入键盘。
- `idcard`：身份证输入键盘。
- `digit`：带小数点的数字键盘。
- `digitLimit`：带小数点且有数值范围的数字键盘。

因此，如果想要在小程序中使用数字输入键盘，可以将 `type` 属性设置为 `number`，或者使用 `digit` 或 `digitLimit` 类型。如果需要限制输入的字符只能是数字，可以使用 `pattern` 属性来指定正则表达式，例如：

<input type="number" pattern="[0-9]*" />

这样就可以限制用户只能输入数字了。