您好,登錄后才能下訂單哦!
這篇文章主要介紹微信小程序中怎么使用input標(biāo)簽,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
微信小程序中input標(biāo)簽詳解及簡單實(shí)例
使用input標(biāo)簽,我們都會,在微信小程序中使用,必定也是可以一下子就會的,但是卻有些常用的屬性無法按照習(xí)慣去使用:
我就用我最常用的來做例子:
一個(gè)一個(gè)來解讀:
首先,我是定義了他的id,這是我們最常用的,所以就配了一個(gè)id,畢竟不操作他,又為什么設(shè)成輸入框呢, 第二,設(shè)置他的樣式, 第三,設(shè)置他的輸入類別,以上都是很簡單的 第四。使用正則l;哎限定輸入為純數(shù)字。這點(diǎn)可能有點(diǎn)不理解,這是對他的keyup事件監(jiān)聽,將不是純數(shù)字的list無視掉。注意,是對整個(gè),不是經(jīng)行篩選。 第五,限制他的輸入最多6位數(shù) 第六輸入事件監(jiān)聽。這是微信專屬的,他的事件下面會給出 第七,設(shè)置當(dāng)輸入框?yàn)榭盏臅r(shí)候他的‘提示語';
bindinput事件:
bind,顧名思義是綁定,綁定input輸入
事件如下:
tapevent:function(e){ // 減少的時(shí)候 if (e.target.id =="increase"){ this.data.tickets++; this.setData(this.data); } else { this.data.tickets--; this.setData(this.data); } // 在這里修改總額 },
這是節(jié)選,所以先不要好奇怎么運(yùn)行到這一段的,看得出來。tapevent被定義為一個(gè)function。并且在這經(jīng)行操作,感覺微信跟Android差不多。都是靠刷新頁面來的。
以上是“微信小程序中怎么使用input標(biāo)簽”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。