greenPro/unpackage/dist/dev/mp-weixin/pages/component/input/input.wxml

<view class="nvue-page-root data-v-3d2af5ee"><view class="page-title data-v-3d2af5ee"><view class="page-title__wrapper data-v-3d2af5ee"><text class="page-title__text data-v-3d2af5ee">{{a}}</text></view></view><view class="uni-common-mt data-v-3d2af5ee"><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">可自动聚焦的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" focus placeholder="自动获得焦点"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">键盘右下角按钮显示为搜索</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" confirm-type="search" placeholder="键盘右下角按钮显示为搜索"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">键盘右下角按钮显示为发送</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" confirm-type="send" placeholder="键盘右下角按钮显示为发送"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">控制最大输入长度的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" maxlength="10" placeholder="最大输入长度为10"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">实时获取输入值：{{b}}</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" bindinput="{{c}}" placeholder="输入同步到view中"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">控制输入的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" bindinput="{{d}}" placeholder="连续的两个1会变成2" value="{{e}}"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">控制键盘的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" ref="input1" bindinput="{{f}}" placeholder="输入123自动收起键盘"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">数字输入的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" type="number" placeholder="这是一个数字输入框"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">密码输入的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" password type="text" placeholder="这是一个密码输入框"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">带小数点的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" type="digit" placeholder="带小数点的数字键盘"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">身份证输入的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" type="idcard" placeholder="身份证输入键盘"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">控制占位符颜色的 input</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">带清除按钮的输入框</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" placeholder="带清除按钮的输入框" value="{{g}}" bindinput="{{h}}"/><text wx:if="{{i}}" class="uni-icon data-v-3d2af5ee" bindtap="{{j}}"></text></view></view><view class="uni-form-item uni-column data-v-3d2af5ee"><view class="title data-v-3d2af5ee"><text class="uni-form-item__title data-v-3d2af5ee">可查看密码的输入框</text></view><view class="uni-input-wrapper data-v-3d2af5ee"><input class="uni-input data-v-3d2af5ee" placeholder="请输入密码" password="{{k}}"/><text class="{{['uni-icon', 'data-v-3d2af5ee', l]}}" bindtap="{{m}}"></text></view></view></view></view>