新聞中心
這里有您想知道的互聯網營銷解決方案
微信小程序之表單組件的示例分析
小編給大家分享一下微信小程序之表單組件的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯公司為客戶提供專業(yè)的網站建設、成都網站設計、程序、域名、空間一條龍服務,提供基于WEB的系統(tǒng)開發(fā). 服務項目涵蓋了網頁設計、網站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、手機網站制作設計等網站方面業(yè)務。
1.表單,將組件內的用戶輸入的
2.picker
從底部彈起的滾動選擇器,現支持三種選擇器,通過mode來區(qū)分,分別是普通選擇器,時間選擇器,日期選擇器,默認是普通選擇器。
3.label:用來改進表單組件的可用性,使用for
屬性找到對應的id
,或者將控件放在該標簽下,當點擊時,就會觸發(fā)對應的控件。for
優(yōu)先級高于內部控件,內部有多個控件的時候默認觸發(fā)第一個控件。目前可以綁定的控件有:,
,
,
。
二.列子
index.wxml
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事件,攜帶數據為:', e.detail.value) }, //重置 formReset: function() { console.log('form發(fā)生了reset事件') } })
以上是“微信小程序之表單組件的示例分析”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道!
網站題目:微信小程序之表單組件的示例分析
標題URL:http://www.dlmjj.cn/article/gpdddd.html