输入框：该组件是原生组件，使用的时候要注意相关的设置

　　属性：

　　　　value：类型　　字符串　　输入框的初始内容

　　　　type：类型　　字符串　　input类型

　　　　　　属性值：text　　文本输入键盘

　　　　　　　　　　number 数字输入键盘

　　　　　　　　　　idcard　身份证输入键盘

　　　　　　　　　　digit　　带小数点的数字键盘

　　　　password：类型　　布尔　　是否是密码类型

　　　　placeholder：类型　　字符串　　输入框为空时占位符

　　　　placeholder-style：类型　　字符串　　指定 placeholder 样式

　　　　placeholder-class：类型　　字符串　　指定 placeholder 的样式类

　　　　disabled：类型　　布尔　　是否禁用

　　　　maxlength：类型　　数字　　最大输入长度，设置为-1时，不限制最大长度

　　　　cursor-spacing：类型　　数字　　指定光标与键盘的距离

　　　　focus：类型　　布尔　　获取焦点

　　　　confirm-type：类型　　字符串　　设置键盘右下角按钮的文字，仅在 type="text' 时生效　　

　　　　　　属性值：send　　右下角按钮为"发送"

　　　　　　　　　　search　 右下角按钮为"搜索"

　　　　　　　　　　next　　 右下角按钮为"下一个"

　　　　　　　　　　go　　　右下角按钮为"前往"

　　　　　　　　　　done　　右下角按钮为"完成"

　　　confirm-hold：类型　　布尔　　点击键盘右下角按钮是否保持键盘不收起

　　　cursor：类型　　数字　　指定 focus 的光标位置

　　　selection-start：类型　　数字　　光标的起始位置，自动聚焦时有效　　需与 selection-end 搭配使用

　　　selection-end：类型　　数字　　光标的结束位置，自动聚焦时有效　　须臾selection-start 搭配使用

　　　adjust-position：类型　　布尔　　键盘弹起时，是否自动上推页面

　　　

　　事件：

　　　　bindinput：　　键盘输入时触发

　　　　bindfocus：　　输入框聚焦时触发

　　　　bindblur：　　　输入框失去焦点时触发

　　　　bindconfirm：　  点击完成按钮时触发

　　　　　　　

　　　　　　　　

微信小程序 input 组件的更多相关文章

  1. 微信小程序input组件抖动及textarea组件光标错位解决方案

    问题一: 使用微信小程序input组件时,在移动端唤起focus或blur事件时,因光标占位导致内容出现叠影及抖动现象. 解决方案: 用<textarea>组件代替了<input/& ...

  2. 微信小程序 input组件type属性3个值的作用

    input组件是小程序的内容输入框组件,通常是这样来使用的: <input type="text" placeholder="输入点内容吧" /> ...

  3. 第十一篇、微信小程序-input组件

    主要属性: 效果图: ml: <!--style的优先级比class高会覆盖和class相同属性--> <!--头像--> <view style="displ ...

  4. 微信小程序的组件总结

    本文介绍微信小程序的组件 视图容器 基础内容 表单组件 导航组件 媒体组件 视图容器 view 布局容器 <view hover-class='bg'>222</view> 可 ...

  5. 微信小程序image组件binderror使用例子(对应html、js中的onerror)

    官方文档  binderror HandleEvent 当错误发生时,发布到 AppService 的事件名,事件对象event.detail = {errMsg: 'something wrong' ...

  6. 小程序input组件获得焦点时placeholder内容有重影

    这个问题是小程序input组件的bug,目前的解决办法可以,在input标签上加一个其他标签,显示placeholder内容,获得焦点时消失,失去焦点时候再让其显示 <view class='i ...

  7. 微信小程序倒计时组件开发

    今天给大家带来微信小程序倒计时组件具体开发步骤: 先来看下最终效果: git源:http://git.oschina.net/dotton/CountDown 分步骤-性子急的朋友,可以直接看最后那段 ...

  8. 5个最优秀的微信小程序UI组件库

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...

  9. 微信小程序弹窗组件

    概述 自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家 详细 代码下载:http://www.demoda ...

随机推荐

  1. Boostrap4 li列表橫向

    Boostrap3 li元素橫向: <ul class="nav navbar-nav list-inline"> <li class="list-in ...

  2. Java - PhantomJS + EChartsConvert实现ECharts图片保存到服务端

    1.所需工具 1>phantomjs:官网下载http://phantomjs.org/download.html 国内镜像http://npm.taobao.org/dist/phantomj ...

  3. ls 命令通配符（3）

    使用过正则的人应该很熟悉通配符.如果非要解释的话,我找来一段: 通配符是一种特殊语句,主要有星号(*)和问号(?),用来模糊搜索文件. 当查找文件夹时,可以使用它来代替一个或多个真正字符:当不知道真正 ...

  4. 数据库与前端与Django目录

    数据库 [怀心抱素]初步认识数据库 [怀心抱素]mysql的表操作 [怀心抱素]mysql记录操作 [怀心抱素]mysql索引与补充 [怀心抱素]python操作mysql 前端 [怀心抱素]HTML ...

  5. Linux命令（持续更新）

    1. tail 命令    tail 命令可用于查看文件的内容,有一个常用的参数 -f 常用于查阅正在改变的日志文件. tail  -f  filename 会把 filename 文件里的最尾部的内 ...

  6. 如何让form2中的数据源，显示在form1的dataGridView控件中呢？？？？

    定义一个static的静态变量,即可全局访问

  7. webdriver 的使用 java 和python 两个版本

    在使用webdriver前要先做下准备,1.下载相应的支持包,可以pom.xml文件引入 2.下载版本对应的浏览器驱动(我这里用的是chromedriver.exe),很多问题都是由于浏览器驱动引起的 ...

  8. PyMySQL和MySQLdb的区别

      网上很多关于Scrapy存入MySQL的教程,都会发现又这么一个包的引入: import MySQLdb import MySQLdb.cursors 聪明的你或许已经算到,需要安装MySQLdb ...

  9. 编写第一个python程序(Your Firsr Program)

    1)代码如下: 1 # This program says hello and asks for my name. 2 myName = input("What is your name?& ...

  10. 【vue-cli 3.0】 vue.config.js配置 - 路径别名

    如何配置vue-cli 3中vue.config.js的路径别名? 前段时间更新电脑重装了一下vue-cli,发现了vue-cli已经更新到3.0版.用来搭建项目后发现简化了很多,而且配置文件现在可以 ...