小程序模板网

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

发布时间:2017-11-27 17:41 所属栏目:小程序开发教程

一:表单基本功能1. 表单页面view id="adduser" form bindsubmit="formSubmit" bindreset="formReset" view class="section" view class="section__title"姓名:/view view class='fo ...

 
 

 

一:表单基本功能

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>


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/17959.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询