国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序 form組件詳解及簡單實例

2019-11-19 18:02:07
字體:
來源:轉載
供稿:網友
微信小程序form
實現效果圖:
form

將表單內的用戶輸入的switch input checkbox slider radio picker 提交

當點擊 <form/> 表單中 formType 為 submit 的 <button/> 組件時,會將表單組件中的 value 值進行提交,需要在表單組件中加上 name 來作為 key。

屬性名 類型 說明
report-submit Boolean 是否返回formId用于發送模板消息
bindsubmit EventHandle 攜帶form中的數據觸發submit事件,event.detail = { value : {"name":"value"} , formId:"" }
bindreset EventHandle 表單重置時會觸發reset事件

示例代碼:

<form bindsubmit="formSubmit" bindreset="formReset"> <view class="section section_gap"> <view class="section__title">switch</view> <switch name="switch"/> </view> <view class="section section_gap"> <view class="section__title">slider</view> <slider name="slider" show-value ></slider> </view> <view class="section"> <view class="section__title">input</view> <input name="input" placeholder="please input here" /> </view> <view class="section section_gap"> <view class="section__title">radio</view> <radio-group name="radio-group">  <label><radio value="radio1"/>radio1</label>  <label><radio value="radio2"/>radio2</label> </radio-group> </view> <view class="section section_gap"> <view class="section__title">checkbox</view> <checkbox-group name="checkbox">  <label><checkbox value="checkbox1"/>checkbox1</label>  <label><checkbox value="checkbox2"/>checkbox2</label> </checkbox-group> </view> <view class="btn-area"> <button formType="submit">Submit</button> <button formType="reset">Reset</button> </view></form>
Page({ formSubmit: function(e) { console.log('form發生了submit事件,攜帶數據為:', e.detail.value) }, formReset: function() { console.log('form發生了reset事件') }})

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 普安县| 榆社县| 金乡县| 米易县| 五台县| 兴业县| 息烽县| 博乐市| 绵竹市| 巩义市| 望江县| 泗阳县| 谢通门县| 威海市| 和静县| 丰台区| 易门县| 江门市| 阳新县| 五莲县| 安平县| 德钦县| 和平县| 揭西县| 西乌珠穆沁旗| 建德市| 鄢陵县| 广西| 靖安县| 千阳县| 霸州市| 威海市| 平湖市| 亚东县| 宣威市| 海伦市| 民权县| 曲水县| 科技| 大庆市| 邵阳市|