问题描述

IOS手机用户在输入金额或其它数字,要用到小数点的时候,发现可操作的键盘只有数字,没有小数点等其它符号。

解决方案

根据描述,我们从input 标签的 type 属性入手。当type的属性值为number的时候。如:下左图显示;

1
<input type="number" placeholder="请输入" />
图1 无小数点
图2 有小数点

type的属性值为digit的时候。如:上右图显示;

1
<input type="digit" placeholder="请输入" />

问题总结

根据 uniapp 官网提供type具体属性和功能如下:

说明 平台差异说明
text 文本输入键盘
number 数字输入键盘 均支持,App平台、H5平台 3.1.22 以下版本 vue 页面在 iOS 平台显示的键盘包含负数和小数。
idcard 身份证输入键盘 微信、支付宝、百度、QQ小程序
digit 带小数点的数字键盘 均支持,App平台、H5平台 vue 页面在 iOS 平台显示的键盘包含负数。
tel 电话输入键盘 仅App的nvue页面支持