blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

feat(field): expand click area support (#5479)

Browse Source
This commit is contained in:
landluck 2023-07-10 17:49:20 +08:00 committed by GitHub
parent f26de0cbb0
commit f197c5f3c3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 87 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/cascader/test/__snapshots__/demo.spec.ts.snap
View File

@ -29,14 +29,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
地区 地区
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -60,6 +61,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{true}}" disabled="{{true}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请选择地区" placeholder="请选择地区"
@ -138,14 +140,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
地区 地区
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -169,6 +172,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{true}}" disabled="{{true}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请选择地区" placeholder="请选择地区"
@ -247,14 +251,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
地区 地区
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -278,6 +283,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{true}}" disabled="{{true}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请选择地区" placeholder="请选择地区"
@ -356,14 +362,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
地区 地区
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -387,6 +394,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{true}}" disabled="{{true}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请选择地区" placeholder="请选择地区"

24
packages/config-provider/test/__snapshots__/demo.spec.ts.snap
View File

@ -30,14 +30,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
评分 评分
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -167,6 +168,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="" placeholder=""
@ -210,14 +212,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
滑块 滑块
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -282,6 +285,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="" placeholder=""
@ -386,14 +390,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
评分 评分
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -523,6 +528,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="" placeholder=""
@ -566,14 +572,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
滑块 滑块
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -638,6 +645,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="" placeholder=""

6
packages/field/README.md
View File

@ -240,13 +240,17 @@ Page({
相关的讨论可以查看[微信开放社区](https://developers.weixin.qq.com/community/search?query=input%20%E6%89%8B%E5%86%99%E8%BE%93%E5%85%A5&page=1&block=1&random=1567079239098)。 相关的讨论可以查看[微信开放社区](https://developers.weixin.qq.com/community/search?query=input%20%E6%89%8B%E5%86%99%E8%BE%93%E5%85%A5&page=1&block=1&random=1567079239098)。
### 如何扩大点击区域？点击 label、错误信息 都能聚焦唤起键盘呢？
升级至 1.10.21 版本及以上，配置 `name` 属性即可
## API ## API
### Props ### Props
| 参数 | 说明 | 类型 | 默认值 | | 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- | | --- | --- | --- | --- |
| name | 在表单内提交时的标识符 | _string_ | - | | name | 在表单内提交时的标识符。可以通过配置 `name` 来扩大点击区域 | _string_ | - |
| label | 输入框左侧文本 | _string_ | - | | label | 输入框左侧文本 | _string_ | - |
| size | 单元格大小，可选值为 `large` | _string_ | - | | size | 单元格大小，可选值为 `large` | _string_ | - |
| value | 当前输入的值 | _string \| number_ | - | | value | 当前输入的值 | _string \| number_ | - |

12
packages/field/index.wxml
View File

@ -16,9 +16,9 @@
custom-class="custom-class van-field" custom-class="custom-class van-field"
> >
<slot name="left-icon" slot="icon" /> <slot name="left-icon" slot="icon" />
<view wx:if="{{ label }}" class="label-class {{ utils.bem('field__label', { disabled }) }}" slot="title"> <label for="{{ name }}" wx:if="{{ label }}" class="label-class {{ utils.bem('field__label', { disabled }) }}" slot="title">
{{ label }} {{ label }}
</view> </label>
<slot wx:else name="label" slot="title" /> <slot wx:else name="label" slot="title" />
<view class="{{ utils.bem('field__body', [type]) }}"> <view class="{{ utils.bem('field__body', [type]) }}">
<view class="{{ utils.bem('field__control', [inputAlign, 'custom']) }}" bindtap="onClickInput"> <view class="{{ utils.bem('field__control', [inputAlign, 'custom']) }}" bindtap="onClickInput">
@ -47,10 +47,10 @@
<slot name="button" /> <slot name="button" />
</view> </view>
</view> </view>
<view wx:if="{{ showWordLimit && maxlength }}" class="van-field__word-limit"> <label for="{{ name }}" wx:if="{{ showWordLimit && maxlength }}" class="van-field__word-limit">
<view class="{{ utils.bem('field__word-num', { full: value.length >= maxlength }) }}">{{ value.length >= maxlength ? maxlength : value.length }}</view>/{{ maxlength }} <view class="{{ utils.bem('field__word-num', { full: value.length >= maxlength }) }}">{{ value.length >= maxlength ? maxlength : value.length }}</view>/{{ maxlength }}
</view> </label>
<view wx:if="{{ errorMessage }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}"> <label for="{{ name }}" wx:if="{{ errorMessage }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}">
{{ errorMessage }} {{ errorMessage }}
</view> </label>
</van-cell> </van-cell>

1
packages/field/input.wxml
View File

@ -1,4 +1,5 @@
<input <input
id="{{ name }}"
class="{{ utils.bem('field__control', [inputAlign, { disabled, error }]) }} input-class" class="{{ utils.bem('field__control', [inputAlign, { disabled, error }]) }} input-class"
type="{{ type }}" type="{{ type }}"
focus="{{ focus }}" focus="{{ focus }}"

54
packages/field/test/__snapshots__/demo.spec.ts.snap
View File

@ -52,6 +52,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入用户名" placeholder="请输入用户名"
@ -115,14 +116,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
用户名 用户名
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -146,6 +148,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入用户名" placeholder="请输入用户名"
@ -200,14 +203,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
密码 密码
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -231,6 +235,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{true}}" password="{{true}}"
placeholder="请输入密码" placeholder="请输入密码"
@ -301,14 +306,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label van-field__label--disabled" class="label-class van-field__label van-field__label--disabled"
for=""
slot="title" slot="title"
> >
用户名 用户名
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -332,6 +338,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{true}}" disabled="{{true}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="" placeholder=""
@ -392,14 +399,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
用户名 用户名
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -423,6 +431,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入用户名" placeholder="请输入用户名"
@ -466,14 +475,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
手机号 手机号
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -497,6 +507,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入手机号" placeholder="请输入手机号"
@ -521,13 +532,14 @@ exports[`should render demo and match snapshot 1`] = `
class="van-field__button" class="van-field__button"
/> />
</wx-view> </wx-view>
<wx-view <wx-label
class="van-field__error-message" class="van-field__error-message"
for=""
> >
手机号格式错误 手机号格式错误
</wx-view> </wx-label>
</wx-view> </wx-view>
</wx-view> </wx-view>
</van-cell> </van-cell>
@ -564,14 +576,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
用户名 用户名
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -595,6 +608,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入用户名" placeholder="请输入用户名"
@ -657,14 +671,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
留言 留言
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -688,6 +703,7 @@ exports[`should render demo and match snapshot 1`] = `
fixed="{{false}}" fixed="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
placeholder="请输入留言" placeholder="请输入留言"
placeholderClass="van-field__placeholder" placeholderClass="van-field__placeholder"
@ -751,14 +767,15 @@ exports[`should render demo and match snapshot 1`] = `
class="van-cell__title title-class" class="van-cell__title title-class"
style="max-width:6.2em;min-width:6.2em;margin-right: 12px;" style="max-width:6.2em;min-width:6.2em;margin-right: 12px;"
> >
<wx-view <wx-label
class="label-class van-field__label" class="label-class van-field__label"
for=""
slot="title" slot="title"
> >
短信验证码 短信验证码
</wx-view> </wx-label>
</wx-view> </wx-view>
<wx-view <wx-view
class="van-cell__value value-class" class="van-cell__value value-class"
@ -782,6 +799,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入短信验证码" placeholder="请输入短信验证码"

1
packages/field/textarea.wxml
View File

@ -1,4 +1,5 @@
<textarea <textarea
id="{{ name }}"
class="{{ utils.bem('field__control', [inputAlign, type, { disabled, error }]) }} input-class" class="{{ utils.bem('field__control', [inputAlign, type, { disabled, error }]) }} input-class"
fixed="{{ fixed }}" fixed="{{ fixed }}"
focus="{{ focus }}" focus="{{ focus }}"

6
packages/search/test/__snapshots__/demo.spec.ts.snap
View File

@ -77,6 +77,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
@ -187,6 +188,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
@ -305,6 +307,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
@ -411,6 +414,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{true}}" disabled="{{true}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
@ -517,6 +521,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"
@ -630,6 +635,7 @@ exports[`should render demo and match snapshot 1`] = `
disabled="{{false}}" disabled="{{false}}"
focus="{{false}}" focus="{{false}}"
holdKeyboard="{{false}}" holdKeyboard="{{false}}"
id=""
maxlength="{{-1}}" maxlength="{{-1}}"
password="{{false}}" password="{{false}}"
placeholder="请输入搜索关键词" placeholder="请输入搜索关键词"