微信小程序input输入框控件详解及实例

微信小程序 input输入框控件

今天主要详写一下微信小程序中的Input输入框控件，输入框在程序中是最常见的，登录，注册，获取搜索框中的内容等等都需要，同时，还需要设置不同样式的输入框，今天的代码中都要相应的使用。

首先主页面中将登录的样式进行了简单展示和使用，

代码如下：

index.wxml

用户名：
 
 
密 码：
 
 

 登录
 清除

{{infoMess}}
{{userName}}
{{passWd}}

 
 各类型输入框展示
 

index.js

然后在第二个界面中显示了不同的样式和功能的input；
TextInput.wxml

 TextInput输入框展示
 


 


 


 使得输入框获取焦点


 

你输入的是：{{inputValue}}

 


 


 


 


 


 


 


 
TextInput.js
效果图：
 
 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
原文链接：http://blog.csdn.net/hbblzjy/article/details/53609402
                        
（编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!