微信开发之input控件的实例详解

微信开发之input控件的实例详解
这篇文章主要介绍了微信小程序 input输入框控件详解及实例（多种示例）的相关资料,输入框在程序中是最常见的，登录，注册，获取搜索框中的内容等等都需要，需要的朋友可以参考下

这篇文章主要介绍了微信小程序 input输入框控件详解及实例（多种示例）的相关资料,输入框在程序中是最常见的，登录，注册，获取搜索框中的内容等等都需要，需要的朋友可以参考下

微信小程序 input输入框控件

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

代码如下：

<!--如果在同一个form表单中创建了多个input输入框，可以给给每个输入框，创建自己的name=“userName”属性，可以区别哪个输入框，并通过添加属性提交：bindsubmit="方法名" 重置：bindreset="方法名"，达到清除输入框内容的目的js文件中的用法，e.detail.value.userName.length--><view class="itemView">用户名： <input class="input" name="userName" placeholder="请输入用户名" bindinput="userNameInput"/> </view><view class="itemView">密 码： <input class="input" password placeholder="请输入密码" bindinput="passWdInput" /> </view><view class="viewName" style="background-color:#fbf9fe"> <button class="loginBtn" bindtap="loginBtnClick">登录</button> <button class="resetBtn" bindtap="resetBtnClick">清除</button></view><view>{{infoMess}}</view><view>{{userName}}</view><view>{{passWd}}</view><view class="viewName" style="margin-top: 60px;"> <navigator url="Component/TextInput/TextInput"> <text class="view-Name">各类型输入框展示</text> </navigator></view>