這篇文章主要介紹小程序開(kāi)發(fā)之input標(biāo)簽的用法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都做網(wǎng)站、成都網(wǎng)站建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的南芬網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
微信小程序中input標(biāo)簽詳解及簡(jiǎn)單實(shí)例
使用input標(biāo)簽,我們都會(huì),在微信小程序中使用,必定也是可以一下子就會(huì)的,但是卻有些常用的屬性無(wú)法按照習(xí)慣去使用:
我就用我最常用的來(lái)做例子:
一個(gè)一個(gè)來(lái)解讀:
首先,我是定義了他的id,這是我們最常用的,所以就配了一個(gè)id,畢竟不操作他,又為什么設(shè)成輸入框呢, 第二,設(shè)置他的樣式, 第三,設(shè)置他的輸入類(lèi)別,以上都是很簡(jiǎn)單的 第四。使用正則l;哎限定輸入為純數(shù)字。這點(diǎn)可能有點(diǎn)不理解,這是對(duì)他的keyup事件監(jiān)聽(tīng),將不是純數(shù)字的list無(wú)視掉。注意,是對(duì)整個(gè),不是經(jīng)行篩選。 第五,限制他的輸入最多6位數(shù) 第六輸入事件監(jiān)聽(tīng)。這是微信專(zhuān)屬的,他的事件下面會(huì)給出 第七,設(shè)置當(dāng)輸入框?yàn)榭盏臅r(shí)候他的‘提示語(yǔ)';
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)行到這一段的,看得出來(lái)。tapevent被定義為一個(gè)function。并且在這經(jīng)行操作,感覺(jué)微信跟Android差不多。都是靠刷新頁(yè)面來(lái)的。
以上是“小程序開(kāi)發(fā)之input標(biāo)簽的用法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!