![a37ddb0c53abcee8f58c203f0fea5051.png](https://i-blog.csdnimg.cn/blog_migrate/82d224ad47563b665dab509adf11b229.jpeg)
表单——将组件内的用户输入的switch、input、checkbox、slider、radio、picker提交。
可参考小程序文档:
form | 微信开放文档developers.weixin.qq.com![7ae8fd2ec7fdceb2069ccdbcebc4720c.png](https://i-blog.csdnimg.cn/blog_migrate/417942e43fdfa606e54f8ec1fab60065.png)
直接上代码:
index.html
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="section">
<view class="section__title">姓名</view>
<input name="input" type="text" required name="Name" value='ajing' placeholder="请输入姓名" />
</view>
<view class="section">
<view class="section__title">手机号</view>
<input name="input" type="text" required name="phone" value='' placeholder="请输入手机号" />
</view>
<view class="btn-area">
<button formType="submit">Submit</button>
<button formType="reset">Reset</button>
</view>
</form>
index.js
Page({
formSubmit (e) {
console.log('form发生了submit事件,携带数据为:', e.detail.value)
},
formReset () {
console.log('form发生了reset事件')
}
})