实现思路：1、放置一个输入框，隐藏其文字和位置，同时设置支付输入框（表格)样式2、当点击输入框时设置输入框为聚焦状态，唤起键盘，点击空白处，失去焦点，设为失去焦点样式，因为输入框宽高为0,所以不会显示输入框和光标，实现隐藏。3、限制输入框最大字数并且监听输入框状态，以输入框值的长度作为输入框（表格)内容的渲染条件4、点击提交按钮时，获取输入框内容。

一、效果图如下：

二、代码部分

1、wxml:

表单绑定提交='表单提交'视图类='内容'块wx : for=' { { Length } } ' wx :键=' item '输入类=' ipt box '值=' { { value。长度=索引1？值[index]:''}} '禁用的密码=' { { ispassword } } ' catch Tap=' Tap '/input/block/view input name=' password ' password=' { { true } } ' class=' ipt ' maxlength=' { { Length } } ' Focus=' { { isFocus } } ' bind input=' Focus '/input view button class=' BTN-area ' formType=' submit ' submit/button/view/form 2，js:

页面({ /** *页面的初始数据*/data: { Length:6，//输入框个数isFocus:true，//聚焦Value: ' '，//输入的内容ispassword:true，//是否密文显示真实的为密文，假的为明文。}，焦点(e){ var那=这个；控制台。日志(例如详细信息。值)；var inputValue=e . detail。价值；那个。setdata({ value :输入值，}) }，Tap(){ var即=thisthat.setData({ isFocus:true，}) }，formSubmit(e){ console。日志(例如详细信息。价值。密码)；}，})3、wxss:

内容{ display:灵活证明内容：空间环绕；align-items:居中；保证金-top : 200 rpx；} ipt box { width : 80 rpxhire : 80 rpxborder :1 rpx实心# dddb order-radius : 20 rpx；display : flex justice-内容中心：align-items:居中；文本对齐：中心；} ipt { width : 0；高度： 0;} BTN-面积{宽度： 80%;背景-颜色：橙色；颜色：白色；}