1.写上一个form表单
<form bindsubmit="formSubmit" bindreset="formReset">
<view class='input-content'>
<view class='input-col'>
<label>联系人:</label>
<input type='text' name="name" value=""
placeholder='请填写您的姓名' placeholder-style="color:#DBDBDB;"></input>
</view>
<view class='input-col'>
<label>手机号码:</label>
<input type='text' name="phone" placeholder='请填写您的号码' placeholder-style="color:#DBDBDB;"></input>
</view>
<view class='input-col'>
<label>选择地区:</label>
<input type='text' name="chooseAddress" placeholder='省份,城市等' placeholder-style="color:#DBDBDB;"></input>
</view>
<view class='input-col' style='border-bottom:none'>
<label>详细地址:</label>
<input type='text' name="detailedAddress"
placeholder='街道,小区门牌等详细信息' placeholder-style="color:#DBDBDB;"></input>
</view>
</view>
<view class='save'>
<button class='save-btn' form-type="submit">保存并使用</button>
<button form-type="reset">重置按钮</button>
</view>
</form>
注意form的位置上的 bindsubmit="formSubmit"和提交按钮的form-type="submit"
bindreset="formReset"和重置按钮上的form-type="reset"是重置表单啦
这样就可以啦
最后在js界面写上对应事件
Page({
formSubmit: function(e) {
console.log('form发生了submit事件,携带数据为:', e.detail.value)
},
formReset: function() {
console.log('form发生了reset事件')
}
})