han_cui入门实战《二》表单基本功能，聊天客服工具

1. 表单页面

1. <view id="adduser">
2. <form bindsubmit="formSubmit" bindreset="formReset">
3. <view class="section">
4. <view class="section__title">姓名:</view>
5. <view class='form-group'>
6. <input type="text" class="input-text" name="username" placeholder="请输入姓名" />
7. </view>
8. </view>
9. <view class="section section_gap">
10. <view class="section__title">年龄:</view>
11. <view class='form-group'>
12. <slider name="age" show-value ></slider>
13. </view>
14. </view>
15. <view class="section section_gap">
16. <view class="section__title">性别:</view>
17. <view class='form-group'>
18. <radio-group name="gender">
19. <label><radio value="1"/>男</label>
20. <label><radio value="0"/>女</label>
21. </radio-group>
22. </view>
23. </view>
24. <view class="section">
25. <view class="section__title">地区选择:</view>
26. <view class='form-group'>
27. <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
28. <view class="picker">
29. <input type="hidden" disabled="true" name="addr" value="{{array[index]}}"/>
30. </view>
31. </picker>
32. </view>
33. </view>
34. <view class="section section_gap">
35. <view class="section__title">爱好:</view>
36. <view class='form-group'>
37. <checkbox-group name="hobby">
38. <label><checkbox value="羽毛球"/>羽毛球</label>
39. <label><checkbox value="游泳"/>游泳</label>
40. </checkbox-group>
41. </view>
42. <