如何在微信小程序中使用form表單組件？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比扎賚諾爾網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式扎賚諾爾網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋扎賚諾爾地區。費用合理售后完善，十余年實體公司更值得信賴。

表單，將組件內的用戶輸入的<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事件')
 }
})

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創新互聯行業資訊頻道，感謝您對創新互聯的支持。

分享題目：如何在微信小程序中使用form表單組件-創新互聯
本文來源：http://m.newbst.com/article7/coegoj.html

成都網站建設公司_創新互聯，為您提供企業建站、搜索引擎優化、小程序開發、定制網站、微信公眾號、網站設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯