微信小程序input标签详解

        在微信项目开发中，input标签用的地方很多，包括用户信息的录入，用户的查询操作等等，那input标签怎么能够快速的上手，熟练的使用呢？希望这篇文章可以帮助到你。

---

一、input框常用事件

        1.input框获取焦点事件（bindfocus）

                常用在用户获取到焦点时，获取input框中的数据，进行存取或判定。

<input type="text" bindfocus="_bindfocus"/>    //获得焦点事件

_bindfocus(e){
    console.log(e.detail.value);  //可以通过e.detail.value获取到输入框的值
  }

        2.input框失去焦点事件（bindblur）

                常用来对用户输入的值进行保存，是否输入完整的判断，或者配合正则表达式，对用户输入的值进行判定。

<input type="text" bindblur="_bindblur"/>    //失去焦点事件

_bindblur(e){
    console.log(e.detail.value);    //获取input输入框的值
  }

        3.input框输入事件（bindinput）

                每次输入值都会触发，实时获取输入值，可以进行数值的判断，例如：用户验证码输入为4位数字时，注册按钮可以点击，其他状态下不可点击。

        

<input type="text" bindinput="_bindinput"/>    //input框输入事件

 _bindinput(e){
    console.log(e.detail.value);    //实时获取用户输入值
  }

        4.input框回车事件（bindconfirm）

                用户用户查询操作，输入完以后点击回车，获取用户输入值，进行查询，返回对应信息。

<input type="text" bindconfirm="_bindconfirm"/>    //input框回车事件

 _bindconfirm(e){
    console.log(e.detail.value);    //获取input输入框的值
  }

二、input框常用属性

placeholder    //输入为空时默认显示值
disabled    //是否禁用
maxlength    //最大输入长度