1 line
5.7 KiB
Plaintext
1 line
5.7 KiB
Plaintext
<view class="nvue-page-root data-v-60ef770a"><view class="page-title data-v-60ef770a"><view class="page-title__wrapper data-v-60ef770a"><text class="page-title__text data-v-60ef770a">{{title}}</text></view></view><view class="uni-common-mt data-v-60ef770a"><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">可自动聚焦的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" focus="{{true}}" placeholder="自动获得焦点"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">键盘右下角按钮显示为搜索</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" confirm-type="search" placeholder="键盘右下角按钮显示为搜索"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">键盘右下角按钮显示为发送</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" confirm-type="send" placeholder="键盘右下角按钮显示为发送"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">控制最大输入长度的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" maxlength="10" placeholder="最大输入长度为10"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">{{"实时获取输入值："+inputValue}}</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" placeholder="输入同步到view中" data-event-opts="{{[['input',[['onKeyInput',['$event']]]]]}}" bindinput="__e"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">控制输入的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" placeholder="连续的两个1会变成2" data-event-opts="{{[['input',[['__set_model',['','changeValue','$event',[]]],['replaceInput',['$event']]]]]}}" value="{{changeValue}}" bindinput="__e"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">控制键盘的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a vue-ref" placeholder="输入123自动收起键盘" data-ref="input1" data-event-opts="{{[['input',[['hideKeyboard',['$event']]]]]}}" bindinput="__e"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">数字输入的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" type="number" placeholder="这是一个数字输入框"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">密码输入的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" password="{{true}}" type="text" placeholder="这是一个密码输入框"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">带小数点的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" type="digit" placeholder="带小数点的数字键盘"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">身份证输入的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" type="idcard" placeholder="身份证输入键盘"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">控制占位符颜色的 input</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" placeholder-style="color:#F76260" placeholder="占位符字体是红色的"/></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">带清除按钮的输入框</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" placeholder="带清除按钮的输入框" data-event-opts="{{[['input',[['clearInput',['$event']]]]]}}" value="{{inputClearValue}}" bindinput="__e"/><block wx:if="{{showClearIcon}}"><text data-event-opts="{{[['tap',[['clearIcon',['$event']]]]]}}" class="uni-icon data-v-60ef770a" bindtap="__e"></text></block></view></view><view class="uni-form-item uni-column data-v-60ef770a"><view class="title data-v-60ef770a"><text class="uni-form-item__title data-v-60ef770a">可查看密码的输入框</text></view><view class="uni-input-wrapper data-v-60ef770a"><input class="uni-input data-v-60ef770a" placeholder="请输入密码" password="{{showPassword}}"/><text data-event-opts="{{[['tap',[['changePassword',['$event']]]]]}}" class="{{['uni-icon','data-v-60ef770a',!showPassword?'uni-eye-active':'']}}" bindtap="__e"></text></view></view></view></view> |