1.思路
首先,如果我们需要同时上传多个数据(在我这个案例就是同时上传姓名,年龄,症状,数量数据到我的微信云数据库)。那么就要首先创建多个input。创建完毕后,我们就要考虑该进行什么操作后开始进行上传,在我们的html开发中,就是通过button组件,点击后执行相应函数。我们在这里也是如此,我们再创建一个button组件。
在这里我提前给大家排个坑,在微信小程序开发中,如果涉及到多个input输入框,需要在form表单下进行获取input值操作,否则会一直失败。
2.wxml:
1.首先根据我第一条思路,在from表单下面,我分别创建姓名,年龄,症状,数量的input输入框,并且分别创建“清空”,“提交”按钮,这里的提交按钮就是在我姓名,年龄,症状,数量input输入框输入完毕后,点击提交按钮,即可实现把input输入框内容全部上传至我的微信云数据库。
2.其中bindsubmit="submitform"是与最后面button提交按钮中form-type="submit"属性所对应的,点击提交按钮,即触发对form表单中所有input数据的获取操作,再根据input输入框中的name=“xxx”区分每一个input输入框的区别。
以下为我的wxml代码:
<view class="container">
<view class="top">
<text>请输入患者信息</text>
</view>
//在此form表单下可实现对input数据的获取
//bindsubmit="submitform"是与最后面button提交按钮中form-type="submit"所对应的,点击提交按钮,即触发对form表单中所有input数据的获取操作
<form bindsubmit="submitform">
<view class="sectionName">
<text class="textMeth">姓名</text>
//input中placeholder="" 属性可实现输入文字后提示内容消失 根据name="xxx"可区分与下面输入框值的区别
<input class="inputMeth" name="inputName" placeholder="请输入姓名" ></input&