微信小程序-form表单-获取用户输入文本框的值
inputname='formnickname'placeholder="{{geren.nickname}}"value='{{geren.nickname}}'bindinput="nickname"maxlength='15'auto-height///获取昵称nickname:function(e){this.setData({nickname:e.detail.value,})console.log("昵称"+this.data.nickname);},//获取姓名realName:function(e){this.setData({realName:e.detail.value,})console.log("姓名"+this.data.realName);},//获取详细地址detailAddress:function(e){this.setData({detailAddress:e.detail.value,})console.log("详细地址"+this.data.detailAddress);this.setData({detailAddress:e.detail.value,})console.log("详细地址"+this.data.detailAddress);},保存baocun:function(e){console.log("昵称:"+this.data.nickname+"真实姓名:"+this.data.realName+"性别:"+this.data.sex+"详细地址"+this.data.detailAddress);},inputname="userName"placeholder="请输入用户名"bindinput="userNameInput"/inputname="password"placeholder="请输入密码"bindinput="passWdInput"/buttonbindtap="loginBtnClick"登录/buttondata:{userName:'',userPwd:""},//获取用户输入的用户名userNameInput:function(e){this.setData({userName:e.detail.value})},passWdInput:function(e){this.setData({userPwd:e.detail.value})},//获取用户输入的密码loginBtnClick:function(e){console.log("用户名:"+this.data.userName+"密码:"+this.data.password);}form表单
formbindsubmit="formSubmit"bindreset="formReset"viewclass='item'rrrrrrr昵称:viewclass='bk'!--textareaplaceholder='昵称'auto-heightvalue='{{geren.nickname}}'maxlength='15'/textarea--inputname='formnickname'placeholder="{{geren.nickname}}"value='{{geren.nickname}}'bindinput="nickname"maxlength='15'auto-height//view/viewviewclass='item'真实姓名:viewclass='bk'!--textareaplaceholder='真实姓名'auto-heightvalue='{{geren.sysUserDetail.realName}}'maxlength='10'/textarea--inputname='formrealName'placeholder="{{detailgeren.realName}}"value='{{detailgeren.realName}}'bindinput="realName"maxlength='15'auto-height//view/viewviewclass='item'rrrrrrr性别:radio-groupbindchange="radioChange"name='formsex'!--labelwx:for="{{items}}"--labelclass='radio'!--checked="{{item.checked}}"--radiovalue="{{items[0].name}}"checked='{{boy}}'/{{items[0].value}}radiovalue="{{items[1].name}}"checked='{{gril}}'/{{items[1].value}}/label/radio-group/viewviewclass='item'rrrrrrr生日:viewclass='bk'viewclass='time'pickermode="date"value="{{date}}"start="1800-01-01"end="2222-01-01"bindchange="changeDate"name="formdate"view{{date}}/view/picker/view/view/viewviewclass='item'rrrr居住地:viewclass='bk'!--textareaplaceholder='居住地'auto-heightvalue='{{geren.sysUserDetail.address}}'maxlength='10'/textarea--viewpickername="formaddress"bindchange="changeRegin"mode="region"value="{{region}}"!--view{{region[0]}}-{{region[1]}}-{{region[2]}}/view--view{{region}}/view/picker/view/view/viewviewclass='item'详细地址:viewclass='bk'!--textareaplaceholder='详细地址'auto-heightvalue='{{geren.sysUserDetail.detailAddress}}'maxlength='100'/textarea--inputname="formdetailAddress"placeholder="{{detailgeren.detailAddress}}"value='{{detailgeren.detailAddress}}'bindinput="detailAddress"maxlength='100'auto-height//view/view!--buttonclass='btn'bindtap='baocun'保存/button--viewclass='anniu'buttonclass='btn'formType="submit"保存/buttonbuttonclass='btn'formType="reset"重置/button/view/formformSubmit:function(e){console.log('form发生了submit事件,携带数据为:',e.detail.value);},letapp=getApp();Page({data:{phone:"",pwd:"",sex:"男"},formSubmit:function(e){console.log('form发生了submit事件,携带数据为:',e.detail.value);let{phone,pwd,isPub,sex}=e.detail.value;this.setData({warn:"",isSubmit:true,phone,pwd,isPub,sex})},formReset:function(){console.log('form发生了reset事件')}})
最新资讯
-

小程序制作平台选型踩坑记录:2026年五大主流方案横向对比
2026 年微信小程序月活达 10.7 亿、覆盖 108 个行业,本次横向对比即速应用、乔拓云、凡科、有赞、微盟五大主流平台,分三阶段给出选型结论,核心聚焦成本、扩展性、运营能力三大维度。 -

即速应用,赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商,即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景,持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品,帮助商家打通互联网全生态营销闭环。 -

即客云2.0重磅更新,让微信小程序运营更简单!
即客云作为一款基于企业微信的第三方工具,现从多维度提供超过30种功能,自上线以来,已服务多家企业,受到一致好评。近期,我们根据客户反馈和市场调研正式推出升级版 即客云2.0!更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信;同时提升了社群运营工作标准化,提升运营效率,帮助企业实现客户增长,玩转私域流量。










