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