微信小程序中input标签详解及简单实例

更新时间：2017年05月18日 16:57:40 投稿：lqh

这篇文章主要介绍了微信小程序中input标签详解及简单实例的相关资料,需要的朋友可以参考下

微信小程序中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差不多。都是靠刷新页面来的。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

forEach循环里break使用方式详解
这篇文章主要为大家介绍了forEach循环里break使用方式详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
JavaScript数组去重方案
这篇文章主要介绍了JS数组方案，先总结一下我们数组的方法：pop、push、shift、unshift、slice、splice、sort、reverse、concat、join、indexOf、lastIndexOf、map、forEach，下面文章将详细对他们做个详细介绍,需要的朋友可以参考一下
2021-09-09
动态加载iframe
动态加载iframe...
2006-06-06
一篇文章教你学会js实现弹幕效果
弹幕效果随着b站的越做越强，出现了越来越多的仿照b站的视频站点。然而这些视频站仿照的最多的只有一点！那就是弹幕，现在也越来越多的人喜欢上了弹幕本文就教你如何制作
2021-08-08
微信小程序 wx.request方法的异步封装实例详解
这篇文章主要介绍了微信小程序 wx.request方法的异步封装实例详解的相关资料,需要的朋友可以参考下
2017-05-05
原生JS以后也支持类型注解意义
这篇文章主要为大家介绍了原生JS以后也支持类型注解意义，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
国庆节到了,利用JS实现一个生成国庆风头像的小工具详解实现过程
明天就是国庆节了，最近看到好多好友换了国庆风的头像，感觉这个挺有意思，就找到了类似的源码研究了一番，并进行了改造（并非原创，只是进行了改造，只要想分享一下实现思路）。下面就来看看如何实现一键生成国庆风头像小工具。
2021-09-09
微信小程序保留小数(toFixed)详细介绍
这篇文章主要介绍了微信小程序保留小数(toFixed)详细介绍的相关资料,这里附有实例，帮助大家学习参考此部分知识，需要的朋友可以参考下
2016-11-11
JavaScript函数式编程Thunk原理解析
这篇文章主要为大家介绍了JavaScript函数式编程Thunk原理示例解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
微信小程序特效菜单抽屉效果实例代码
这篇文章主要介绍了微信小程序特效菜单抽屉效果实例代码的相关资料,抽屉效果的菜单在APP应用中经常使用，这里用微信小程序来实现这一效果，需要的朋友可以参考下
2017-01-01

微信小程序中input标签详解及简单实例

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具