通过表单绑定formSubmit来配合submit按钮,触发表单数据提交。
wxml里面包含
<form bindsubmit="formSubmit">
</form>
JS文件中包含
formSubmit(e){
console.log(e)
}
以form表单为基础,来搞清楚表单组件的重点内容
<form><button>
(form-type)用于 form 组件,点击分别会触发 form 组件的 submit/reset 事件。
<form><label><radio>
属性:
(value)radio 标识。当该radio 选中时,radio-group 的 change 事件会携带radio的value。
(checked )当前是否选中
<form><checkbox-group><label><checkbox>
checkbox和checkbox-group是成对出现的,但checkbox的值发生改变时,会触发checkbox-group的change事件(通过bindchange触发)。
<form><switch>
值改变时候触发事件。
<form><slilder>
属性:
(min)设置最小值
(max)设置最大值
(step)设置步长
(value)设置当前值
(bindchange)完成一次拖动后触发的事件
(bindchanging)拖动过程中触发的事件
<form><input>
(value)
(type)text文本输入键盘-number数字输入键盘-idcard身份证输入键盘-digit带小数点的数字键盘
(password)
(placeholder)
<input>
配合confirm-type属性使用
send:右下角“发送”
search:右下角“搜索”
next:右下角“下一个”
go:右下角“前往”
done:右下角“完成”