微信小程序中input標簽詳解及簡單實例

使用input標簽，我們都會，在微信小程序中使用，必定也是可以一下子就會的，但是卻有些常用的屬性無法按照習慣去使用：
我就用我最常用的來做例子：

一個一個來解讀：

首先，我是定義了他的id，這是我們最常用的，所以就配了一個id，畢竟不操作他，又為什么設成輸入框呢， 
第二，設置他的樣式， 
第三，設置他的輸入類別，以上都是很簡單的 
第四。使用正則l；哎限定輸入為純數字。這點可能有點不理解，這是對他的keyup事件監聽，將不是純數字的list無視掉。注意，是對整個，不是經行篩選。 
第五，限制他的輸入最多6位數 
第六輸入事件監聽。這是微信專屬的，他的事件下面會給出 
第七，設置當輸入框為空的時候他的‘提示語'；

bindinput事件：

bind，顧名思義是綁定，綁定input輸入

事件如下：

 tapevent:function(e){
  // 減少的時候
  if (e.target.id =="increase"){
this.data.tickets++;
this.setData(this.data);
  }
  else {
   this.data.tickets--;
   this.setData(this.data);
  }
  // 在這里修改總額
 },

這是節選，所以先不要好奇怎么運行到這一段的，看得出來。tapevent被定義為一個function。并且在這經行操作，感覺微信跟Android差不多。都是靠刷新頁面來的。

【相關推薦】

1. 微信小程序完整源碼下載

2. 微信小程序demo:卡卡汽車

3. 簡單的左滑操作和瀑布流布局

以上就是小程序開發--input標簽實例教程的詳細內容，更多請關注php中文網其它相關文章！