在小程序开发过程中,用户输出是必不可少的,咱们常常会须要用户输出一些内容,来实现产品收集用户信息的需要。
在这种状况下,咱们能够思考借助小程序提供的一些和键盘相干的 API 来优化小程序的应用体验。
Input 组件的 type 属性
从小程序的 1.0 版本开始,就反对为 input 组件设置 type,不同的 type 会显示不同的手机键盘。默认状况下,显示的是 text 文本输出键盘,这个键盘的特点是显示所有的内容,能够实用于所有的场景。
但,实用于所有场景也就意味着不适用于所有场景,总会在每一个场景中有着种种不便,因而,在理论的开发中,为了取得更佳的体验,你能够通过设置不同的 Type 来管制理论的键盘显示状况。
除了默认的 text 类以外,你还能够应用 number
(数字输出键盘)、idcard
身份证输出键盘和 digit
带小数点的数字键盘。
你能够依据本人的理论应用场景来设置不同的类型,比如说
- 如果你的小程序的验证码都是数字的,那么你给出一个
text
类型的键盘,显然不如给一个number
类型的键盘更适合。 - 如果你的小程序中波及到了手机号的输出,那么这种状况下你就能够抉择应用
number
类型的键盘,来优化用户输出时的体验。
这里的思路是相似的,当你预期用户输出的内容只有数字,就能够思考 number
、digit
、idcard
等类型,来优化你的小程序的理论应用体验。
## 总结
input 组件默认提供的 四种 type ,能够通过抉择不同的类型,从而取得不同的体验成果,从而对于你的小程序体验进行优化和推动。