平常H5里面或者只要是个页面都会有表单,小程序也不例外
from表单
from.wxml
<form bindsubmit='FormSubmit' bindreset='FormReset'>
<view>
<input name='title' placeholder='标题' value='{{value}}'></input>
</view>
<view>
<textarea placeholder="内容" auto-height='true' maxlength='5000' name='content' maxlength="-1" value='{{value}}'></textarea>
</view>
<button form-type='submit'>保存</button>
<button form-type='reset'>重置</button>
</form>
from.js
/**
* 保存上传内容
*/
FormSubmit(e) {
console.log('form发生了submit事件')
console.log(e.detail.value)
},
FormReset() {
console.log('form发生了reset事件')
}
结果:
{title: “biaoti”, content: “neirong”}
供参考!