1、先百度搜索查看 input 输入框组件的官方文档,其中常用属性比如 type ,通过这个属性可以控制输入框可输入文本,整数,身份证号或者小数; password 设置输入框是否是密码框;placeholder 设置当输入框为空时默认占位符。
2、wxml 中通过 <input> 标签创建多个输入框,包括:1. 自动获取焦点的输入框 (autofocus 属性);2. 控制最大输入长度和只接钝鸵捎貌收数字的输入框(maxlength 和 type 属性);3. 修改默认占位符样式的输入框(placeholder-style 属性)。
3、wxss 文件中声明上面 wxml 文件中使用的类样式定义。
4、保存编译, 模拟器中展示的页面效果符合预期,但因为模拟器无法弹出键盘,因此自动获取焦点以及输入框可接收的值类型需要在通过 "真机调试" 来查看。
5、通过 "真机调试" 查看上述页面的显示效果,符合预期。