微信小程序 input输入框控件详解及实例（多种示例）

发布时间：2020-12-14 22:11:40 所属栏目：资源来源：网络整理

导读：微信小程序 input输入框控件今天主要详写一下微信小程序中的Input输入框控件，输入框在程序中是最常见的，登录，注册，获取搜索框中的内容等等都需要，同时，还需要设置不同样式的输入框，今天的代码中都要相应的使用。首先主页面中将登录的样式进行了简单

微信小程序 input输入框控件

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

代码如下：

//index.js

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

// 直接返回对象，可以对输入进行过滤处理，同时可以控制光标的位置
return {
value: value.replace(/11/g,'2'),cursor: pos
}
// 或者直接返回字符串,光标在最后边
// return value.replace(/11/g,},bindHideKeyboard: function(e) {
if (e.detail.value === "123") {
//收起键盘
wx.hideKeyboard()
}
},onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
},onReady:function(){
// 页面渲染完成
},onShow:function(){
// 页面显示
},onHide:function(){
// 页面隐藏
},onUnload:function(){
// 页面关闭
}
})

效果图：

源码下载地址：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!