键盘设置如何优化小程序使用体验?

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

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

Input 组件的 type 属性

Input 组件的 type 属性

从小程序的 1.0 版本开始,就支持为 input 组件设置 type,不一样的 type 会显示不一样的手机键盘。默认状况下,显示的是 text 文本输入键盘,这个键盘的特色是显示全部的内容,能够适用于全部的场景。优化

但,适用于全部场景也就意味着不适用于全部场景,总会在每个场景中有着种种不便,所以,在实际的开发中,为了得到更佳的体验,你能够经过设置不一样的 Type 来控制实际的键盘显示状况。spa

text 类型 input 适用建议

除了默认的 text 类之外,你还可使用 number(数字输入键盘)、idcard 身份证输入键盘和 digit 带小数点的数字键盘。code

idcard 类型 input 适用建议

你能够根据本身的实际使用场景来设置不一样的类型,好比说blog

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

number 类型 input 适用建议

这里的思路是相似的,当你预期用户输入的内容只有数字,就能够考虑 numberdigitidcard 等类型,来优化你的小程序的实际使用体验。开发

digit 类型 input 适用建议

## 总结rem

input 组件默认提供的 四种 type ,能够经过选择不一样的类型,从而得到不一样的体验效果,从而对于你的小程序体验进行优化和推动。input

相关文章
相关标签/搜索