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


Posted in Javascript onMay 18, 2017

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

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

Javascript 相关文章推荐
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
jquery常用方法及使用示例汇总
Nov 08 Javascript
JavaScript将字符串转换为整数的方法
Apr 14 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
Sep 26 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
手机软键盘弹出时影响布局的解决方法
Dec 15 Javascript
JavaScript自定义文本框光标
Mar 05 Javascript
BootStrap表单宽度设置方法
Mar 10 Javascript
Vue仿支付宝支付功能
May 25 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
JavaScript运动框架 链式运动到完美运动(五)
May 18 #Javascript
JavaScript运动框架 多值运动(四)
May 18 #Javascript
微信小程序页面开发注意事项整理
May 18 #Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 #Javascript
微信小程序网络请求wx.request详解及实例
May 18 #Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 #Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 #Javascript
You might like
php实现快速排序法函数代码
2012/08/27 PHP
php版阿里大于(阿里大鱼)短信发送实例详解
2016/11/30 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
javascript cookie解码函数(兼容ff)
2008/03/17 Javascript
jquery的$(document).ready()和onload的加载顺序
2010/05/26 Javascript
JS特权方法定义作用以及与公有方法的区别
2013/03/18 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
原生JavaScript实现动态省市县三级联动下拉框菜单实例代码
2016/02/03 Javascript
JavaScript必知必会(二) null 和undefined
2016/06/08 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
详解Vue用axios发送post请求自动set cookie
2017/05/10 Javascript
详解react-redux插件入门
2018/04/19 Javascript
详解express + mock让前后台并行开发
2018/06/06 Javascript
webpack4之SplitChunksPlugin使用指南
2018/06/12 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
python将html转成PDF的实现代码(包含中文)
2013/03/04 Python
python实现巡检系统(solaris)示例
2014/04/02 Python
Python日志模块logging简介
2015/04/13 Python
numpy排序与集合运算用法示例
2017/12/15 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
python多线程分块读取文件
2019/08/29 Python
HTML5 video进入全屏和退出全屏的实现方法
2020/07/28 HTML / CSS
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
表彰先进集体通报
2014/01/12 职场文书
硕士学位论文评语
2014/12/31 职场文书
年会邀请函范文
2015/01/30 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书