关于小程序:键盘设置如何优化小程序使用体验

5次阅读

共计 633 个字符,预计需要花费 2 分钟才能阅读完成。

在小程序开发过程中,用户输出是必不可少的,咱们常常会须要用户输出一些内容,来实现产品收集用户信息的需要。

在这种状况下,咱们能够思考借助小程序提供的一些和键盘相干的 API 来优化小程序的应用体验。

Input 组件的 type 属性

从小程序的 1.0 版本开始,就反对为 input 组件设置 type,不同的 type 会显示不同的手机键盘。默认状况下,显示的是 text 文本输出键盘,这个键盘的特点是显示所有的内容,能够实用于所有的场景。

但, 实用于所有场景也就意味着不适用于所有场景 ,总会在每一个场景中有着种种不便,因而,在理论的开发中,为了取得更佳的体验,你能够通过设置不同的 Type 来管制理论的键盘显示状况。

除了默认的 text 类以外,你还能够应用 number(数字输出键盘)、idcard 身份证输出键盘和 digit 带小数点的数字键盘。

你能够依据本人的理论应用场景来设置不同的类型,比如说

  • 如果你的小程序的验证码都是数字的,那么你给出一个 text 类型的键盘,显然不如给一个 number 类型的键盘更适合。
  • 如果你的小程序中波及到了手机号的输出,那么这种状况下你就能够抉择应用 number 类型的键盘,来优化用户输出时的体验。

这里的思路是相似的,当你预期用户输出的内容只有数字,就能够思考 numberdigitidcard 等类型,来优化你的小程序的理论应用体验。

## 总结

input 组件默认提供的 四种 type,能够通过抉择不同的类型,从而取得不同的体验成果,从而对于你的小程序体验进行优化和推动。

正文完
 0