E企盈营销工具技术服务商 热线:4006-838-530

微信小程序之获取表单数据

E企盈直播平台营销卖货系统

前言:微信小程序中很多地方运用到了表单,很多时候我们需要把表单中的内容提取出来返回给后台,这里我随便写了一点注意点:1.所有的input  textarea button全部包含在form表单元素里2.button  必须有formType=”submit” 这个属性3.form 必须有提交事件  即bindsubmit=”back_houtai”4.通过 name属性取值,name名称不可重复图示:wxml文件<!–pages/biji/biji.wxml–><view class=’index_seach’><form bindsubmit=”back_houtai”><view class=’input_w professional’><text class=’left’>总分</text><view class=’input left’><input placeholder=’请输入总分’ cursor-spacing=’20’ name=’total_score’></input></view></view><view class=’input_w professional’><text class=’left’>专业课分</text><view class=’input left’><input placeholder=’请输入初试专业课成绩’ cursor-spacing=’20’ name=’major_score’></input></view></view><view class=’input_w professional’><text class=’left’>入学年份</text><view class=’input left’><input placeholder=’请输入入学年份 格式:2018′ cursor-spacing=’20’ name=’enroll_date’></input></view></view><view class=’textarea_w’><text class=’left’>自我介绍</text><view class=’textarea left’><textarea placeholder=’请输入一段话来介绍一下自己,说不定会更加吸引学弟学妹哦~’ cursor-spacing=’20’ name=”self_intro”></textarea></view></view><button class=’subClass_btn2′ formType=”submit”>确定</button></form></view>wxss文件/* pages/biji/biji.wxss */page{font-size: 30rpx;}.left{ float: left}.right{float: right}.index_seach {width: 100%;margin-top: 20rpx;height: auto;margin-bottom: 30rpx;}/* 表单类通用 表单类通用 表单类通用*/.input_w {width: 100%;height: 90rpx;line-height: 90rpx;/* background: lightblue; */}.input_w text {display: block;width: 20%;text-align: center;/* background: red; */}.input_w .input {width: 75%;height: 70rpx;margin-top: 10rpx;border: 1px solid #ccc;box-sizing: border-box;}.input input {margin-top: 10rpx;margin-left: 10rpx;/* background: lightblue; */}.textarea_w {display: block;width: 100%;height: 180rpx;overflow: hidden;}.textarea_w text {display: block;width: 20%;text-align: center;line-height: 90rpx;}.textarea {width: 75%;height: 140rpx;margin-top: 10rpx;border: 1px solid #ccc;padding: 8rpx;/* background: lightblue; */overflow: hidden;}.textarea textarea {width: 100%;height: 130rpx;/* background: lightcoral; */}/* 表单类通用 表单类通用 表单类通用*/.subClass_btn2 {margin-top: 40rpx;width: 80%;height: 80rpx;line-height: 80rpx;font-size: 30rpx;color: #fff;bac

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序之获取表单数据
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏