長(zhǎng)沙小程序開(kāi)發(fā)帶來(lái)小程序開(kāi)發(fā)過(guò)程中的表單組件的相關(guān)介紹!表單組件,通常來(lái)說(shuō)“表單”是用來(lái)與用戶交互并提交數(shù)據(jù)的,說(shuō)到與用戶交互,我們可以想一下通常我們?cè)谑褂靡粋€(gè)APP的時(shí)候,有哪些用戶交互方式?例如:讓用戶點(diǎn)擊按鈕(button)、讓用戶進(jìn)行單項(xiàng)或者多項(xiàng)選擇(checkbox)、讓用戶輸入文本內(nèi)容(editor)以及讓用戶將所參與的操作結(jié)果進(jìn)行提交(form)等等。今天長(zhǎng)沙小程序開(kāi)發(fā)公司智企云為我們帶來(lái)小程序開(kāi)發(fā)過(guò)程中的表單組件的相關(guān)介紹,希望大家盡快學(xué)習(xí),下面我就舉幾個(gè)例子:
1、button組件
如下圖所示,分別對(duì)應(yīng)著WXML代碼中的8個(gè)button按鈕。
defaultprimarywarn點(diǎn)擊設(shè)置以上按鈕disabled屬性點(diǎn)擊設(shè)置以上按鈕plain屬性點(diǎn)擊設(shè)置以上按鈕loading屬性進(jìn)入客服會(huì)話獲取用戶信息。
2、checkbox組件
# 用到的js代碼Page({ data: { items: [ { name: 'USA', value: '美國(guó)' }, { name: 'CHN', value: '中國(guó)', checked: 'true' }, { name: 'BRA', value: '巴西' }, { name: 'JPN', value: '日本' }, { name: 'ENG', value: '英國(guó)' }, { name: 'TUR', value: '法國(guó)' }, ] }, checkboxChange: function (e) { console.log('checkbox發(fā)生change事件,攜帶value值為:', e.detail.value) }})
# 都到的wxml代碼 {{item.value}}
以上就是長(zhǎng)沙小程序開(kāi)發(fā)公司帶來(lái)的小程序開(kāi)發(fā)組建中的form表單組件的相關(guān)內(nèi)容介紹,表單是小程序開(kāi)發(fā)過(guò)程內(nèi)容展示中較為基礎(chǔ)的部分介紹,表單組件是經(jīng)常用到的,對(duì)于從來(lái)開(kāi)發(fā)人員,這也是學(xué)習(xí)精通吃透的地方。關(guān)于更多長(zhǎng)沙小程序開(kāi)發(fā)方面的相關(guān)內(nèi)容介紹,我們后面會(huì)陸續(xù)為大家?guī)?lái),敬請(qǐng)關(guān)注!
全國(guó)客戶服務(wù)免費(fèi)熱線:15874991942
在線客服:2225973985
每天前10名咨詢有好禮
智企云 版權(quán)所有 ? 2016-2018 湘ICP備11017552號(hào)
地址:長(zhǎng)沙市高新開(kāi)發(fā)區(qū)尖山路39號(hào)中電軟件園總部大樓6樓
Copyright ? 2015-2024 智企云 All Rights Reserved. 湘ICP備11017552號(hào) 技術(shù)支持:中億智企云
湘公網(wǎng)安備43019002000674號(hào) 客服熱線:15874991942 公司地址:長(zhǎng)沙市高新開(kāi)發(fā)區(qū)尖山路39號(hào)中電軟件園總部大樓6樓