<!-- 表单的使用 -->
<!-- 用户信息 -->
<view class="register">
<!--
整体表单提交
form: submit事件 表单提交时触发，button 按钮必须指定 form-type 属性
-->
<form bindsubmit="submitForm" >
<view class="form-field">
<label for="">姓名:</label>
<view class="field">
<input model:value="{{name}}" type="text" placeholder="请输入您的姓名" />
</view>
</view>
<view class="form-field">
<label for="">性别:</label>
<view class="field">
<radio-group bindchange="sexValue">
<radio value="男" checked />男
<radio value="女" />女
</radio-group>
</view>
</view>
<view class="form-field">
<label for="">爱好:</label>
<view class="field">
<checkbox-group bindchange="fondValue">
<checkbox value="写代码" checked />写代码
<checkbox value="睡大觉" />睡大觉
</checkbox-group>
</view>
</view>
<view class="form-field">
<label for="">籍贯:</label>
<view class="field">
<picker mode="region" bindchange="townValue">请选择籍贯</picker>
</view>
</view>
<button size="mini" type="primary" form-type="submit" >保存</button>
</form>
</view>
index.js
data:{
numData:-1,
name:'',
sex:'',
fond:[],
town:[]
},
// 提交表单
submitForm(){
console.log(this.data.fond)
},
// 性别
sexValue(e) {
console.log(e.detail.value)
this.setData({'sex': e.detail.value})
},
// 爱好
fondValue(e) {
console.log(e.detail.value)
this.setData({fond: e.detail.value})
},
// 籍贯
townValue(e){
console.log(e.detail.value)
this.setData({town:e.detail.value})
}
