uniapp 小程序 input type="digit" 不生效
时间: 2023-07-06 15:26:35 浏览: 339
详解微信小程序input标签正则初体验
5星 · 资源好评率100%
如果 `input` 标签的 `type` 属性设置为 `digit`,但是在小程序中输入非数字字符时仍然可以输入,那么可能是因为 `uni-app` 在编译时会将 `input` 标签的 `type` 属性转化成小程序的 `type` 属性。但是,在小程序中,`type` 属性只支持以下几种类型:
- `text`:文本输入键盘。
- `number`:数字输入键盘。
- `idcard`:身份证输入键盘。
- `digit`:带小数点的数字键盘。
- `digitLimit`:带小数点且有数值范围的数字键盘。
因此,如果想要在小程序中使用数字输入键盘,可以将 `type` 属性设置为 `number`,或者使用 `digit` 或 `digitLimit` 类型。如果需要限制输入的字符只能是数字,可以使用 `pattern` 属性来指定正则表达式,例如:
```html
<input type="number" pattern="[0-9]*" />
```
这样就可以限制用户只能输入数字了。
阅读全文