本文小編為大家詳細(xì)介紹“微信小程序開發(fā)之表單組件怎么用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“微信小程序開發(fā)之表單組件怎么用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。
公司專注于為企業(yè)提供做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、微信公眾號開發(fā)、商城建設(shè)，微信小程序，軟件按需制作等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗(yàn)，我們會仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計(jì)、整合，為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案，創(chuàng)新互聯(lián)更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。
1.表單，將組件內(nèi)的用戶輸入的 提交。當(dāng)點(diǎn)擊
表單中 formType 為 submit 的
組件時，會將表單組件中的 value 值進(jìn)行提交，需要在表單組件中加上 name 來作為 key。
2.picker
從底部彈起的滾動選擇器，現(xiàn)支持三種選擇器，通過mode來區(qū)分，分別是普通選擇器，時間選擇器，日期選擇器，默認(rèn)是普通選擇器。
3.label:用來改進(jìn)表單組件的可用性，使用for屬性找到對應(yīng)的id，或者將控件放在該標(biāo)簽下，當(dāng)點(diǎn)擊時，就會觸發(fā)對應(yīng)的控件。for優(yōu)先級高于內(nèi)部控件，內(nèi)部有多個控件的時候默認(rèn)觸發(fā)第一個控件。目前可以綁定的控件有：
二.列子
index.wxml
姓名：
密碼：
性別：
興趣：
日期:
{{date}}
開關(guān)
留言：
Submit
Reset
2.index.wxss
.section{
margin:10px 20px;
display:flex;
border-bottom:1px solid #ccc;
padding:15px 0;
}
.section__title{
width:30%;
}
.section__iput{
width:70%;
line-height:25px;
border:1px solid #ccc;
}
.btn-area{
display:flex;
justify-content:center;
margin:20px;
}
.btn-area button{
width:40%;
}3.index.js
var app = getApp()
Page({
data: {
date: '2016-09-01',
},
//日期
bindDateChange: function(e) {
this.setData({
date: e.detail.value
})
},
//提交
formSubmit: function(e) {
console.log('form發(fā)生了submit事件，攜帶數(shù)據(jù)為：', e.detail.value)
},
//重置
formReset: function() {
console.log('form發(fā)生了reset事件')
}
})
讀到這里，這篇“微信小程序開發(fā)之表單組件怎么用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前名稱：微信小程序開發(fā)之表單組件怎么用
URL鏈接：
http://weahome.cn/article/jsijji.html
重慶分公司
重慶分公司
