微信小程序text输入框怎么开发?

　　微信小程序text输入框怎么开发?一个好看的微信小程序text输入框可以让你的微信小程序用户留下深刻的印象哦，接下来小编会为大家介绍微信小程序text输入框开发所需要的微信小程序代码。

　　微信小程序text输入框怎么开发?

　　微信小程序text输入框的属*说明：

　　属*名 类型 默认值 说明

　　value String 输入框的内容

　　type String text input的类型，有效值：text,number,idcard,digit,time,date

　　password Boolean false 是否是密码类型

　　placeholder String 输入框为空时占位符

　　placeholder-style String 指定placeholder的样式

　　placeholder-class String input-placeholder 指定placeholder的小程序样式类

　　disabled Boolean false 是否禁用

　　maxlength Number 140 最大输入长度，设置为0的时候不限制最大长度

　　auto-focus Boolean false 自动聚焦，拉起键盘。页面中只能有一个input设置auto-focus属*

　　focus Boolean false 使得input获取焦点

　　bindchange EventHandle 输入框失去焦点时，触发bindchange事件，event.detail={value:value}

　　bindinput EventHandle 除了date/time类型外的输入框，当键盘输入时，触发input事件，event.detail={value:value}，处理函数可以直接return一个字符串，将替换输入框的内容。

　　bindfocus EventHandle 输入框聚焦时触发，event.detail = {value:value}

　　bindblur EventHandle 输入框失去焦点时触发，event.detail = {value:value}

　　微信小程序text输入框开发的微信小程序代码：

　　//input.js

　　Page({

　　data:{

　　focus:false,

　　inputValue:""

　　},

　　bindButtonTap:function(){

　　this.setData({

　　focus:Date.now()

　　})

　　},

　　bindKeyInput:function(e){

　　this.setData({

　　inputValue:e.detail.value

　　})

　　},

　　bindReplaceInput:function(e){

　　varvalue = e.detail.value;

　　var pos= e.detail.cursor;

　　if(pos!= -1){

　　//光标在中间

　　varleft = e.detail.value.slice(0,pos);

　　//计算光标的位置

　　pos =left.replace(/11/g,'2').length;

　　}

　　//直接返回对象，可以对输入进行过滤处理，同时可以控制光标的位置

　　return {

　　value:value.replace(/11/g,'2'),

　　cursor:pos

　　}

　　//或者直接返回字符串,光标在最后边

　　//return value.replace(/11/g,'2'),

　　},

　　bindHideKeyboard:function(e){

　　if(e.detail.value=== "123"){

　　//收起键盘

　　wx.hideKeyboard();

　　}

　　}

　　})

　　以上就是微信小程序text输入框怎么开发的内容了哦，微信小程序text输入框开发所需要的微信小程序代码也全部为大家整理出来了，希望小编整理的内容可以帮您大家解决问题。敬请关注微小乔。

相关推荐：

微信小程序如何弹出输入框?

微信小程序键盘遮挡输入框问题

小程序弹出输入框怎么设置