微信小程序基礎(chǔ)之表單Form的使用（附demo源碼）
發(fā)布時(shí)間：2018-04-08 11:20 所屬欄目：小程序開(kāi)發(fā)教程
本文作者：hbblzjy，來(lái)自原文地址
表單Form的應(yīng)用很廣泛，我們可以利用form設(shè)計(jì)登錄注冊(cè)，也可以設(shè)計(jì)一種答題問(wèn)卷的形式，今天主要講一下form的使用
form表單，將組件內(nèi)輸入的"switch","input","checkbox","slider","radio","picker"的值進(jìn)行提交,數(shù)據(jù)的格式為：name:value，所以表單中控件都需要添加name屬性，否則找不到對(duì)應(yīng)控件的值。其主要屬性：
主要代碼，創(chuàng)建一個(gè)form表單：
- <!--pages/index/Component/FormM/FormM.wxml-->
- <view class="viewTitle">
- <text class="view-Name">form表單</text>
- <view class="lineView"></view>
- </view>
- <!--這里用form，name=“nameName1”可以作為form的屬性進(jìn)行
- （e.detail.value.nameName1）調(diào)用,
- form自帶有提交和重置按鈕，會(huì)自動(dòng)獲取表單中所有控件值的改變-->
- <form class="page__bd" bindsubmit="formSubmit" bindreset="formReset">
- <view class="section section_gap">
- <view class="section__title">switch開(kāi)關(guān)</view>
- <switch name="switch"/>
- </view>
- <view class="section section_gap">
- <view class="section__title">slider滑塊</view>
- <slider value="50" name="slider" show-value ></slider> <li o="" cl="" ptm="" pbm"="">
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開(kāi)源
碼云倉(cāng)庫(kù):
本文地址：http://www.szcjxy.com/wxmini/doc/course/23138.html 復(fù)制鏈接
如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢： 點(diǎn)擊咨詢
