今天小編給大家分享一下微信小程序中如何使用input標(biāo)簽的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來(lái)了解一下吧。
創(chuàng)新互聯(lián)10多年成都企業(yè)網(wǎng)站定制服務(wù);為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及高端網(wǎng)站定制服務(wù),成都企業(yè)網(wǎng)站定制及推廣,對(duì)陽(yáng)臺(tái)護(hù)欄等多個(gè)方面擁有豐富的網(wǎng)站推廣經(jīng)驗(yàn)的網(wǎng)站建設(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è)置他的輸入類別,以上都是很簡(jiǎn)單的 第四。使用正則l;哎限定輸入為純數(shù)字。這點(diǎn)可能有點(diǎn)不理解,這是對(duì)他的keyup事件監(jiān)聽,將不是純數(shù)字的list無(wú)視掉。注意,是對(duì)整個(gè),不是經(jīng)行篩選。 第五,限制他的輸入最多6位數(shù) 第六輸入事件監(jiā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)行操作,感覺微信跟Android差不多。都是靠刷新頁(yè)面來(lái)的。
以上就是“微信小程序中如何使用input標(biāo)簽”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。