溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

微信小程序中怎么使用input標(biāo)簽

發(fā)布時(shí)間:2021-07-05 11:19:05 來源:億速云 閱讀:229 作者:小新 欄目:web開發(fā)

這篇文章主要介紹微信小程序中怎么使用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è)資訊頻道!

向AI問一下細(xì)節(jié)

免責(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)容。

AI