调查问卷
一、实现步骤:
1、填写表单数据
2、提交发送到服务器
3、后台数据渲染到页面
二、页面的简单实现
1、在index.wxml文件中编写以下代码
<view class="container"> <form bindsubmit="submit"> <view> <text>姓名:</text> <input name=\'name\' value="张三" /> </view> <view> <text>性别:</text> <radio-group name="gender"> <label><radio value="0"checked />男</label> <label><radio value="1"/>女</label> </radio-group> </view> <view> <text>专业技能:</text> <checkbox-group name="skills"> <label><radio value="html" checked />HTML</label> <label><radio value="css" checked />css</label> <label><radio value="js"/>JavaScript</label> <label><radio value="ps"/>Photoshop</label> </checkbox-group> </view> <view> <text>您的意见:</text> <textarea name=\'opinion\' value="测试"/> </view> <button form-type="submit">提交</button> </form> </view>
2、在index.wxss中编写页面样式
page{ background-color: peachpuff; } .container{ margin: 50rpx; } view{ margin-bottom: 30rpx; } input{ width: 600rpx; margin-top: 10rpx; border-bottom: 2rpx solid #ccc; } label{ display: block; margin: 8rpx; } textarea{ width: 600px; height: 100rpx; margin-top: 10rpx; border: 2rpx solid #eee; }
请发表评论