Skip to content

Input 输入框

基础用法

最常见的用法

html
<ivy-input style="width: 224px;" placeholder="请输入"></ivy-input>

禁用状态

通过设置 disabled 属性来禁用输入框

html
<ivy-input disabled style="width: 224px;" placeholder="请输入"></ivy-input>

只读状态

通过设置 readonly 属性来禁用输入框

html
<ivy-input readonly style="width: 224px;" placeholder="请输入"></ivy-input>

一键清空

使用 clearable 属性即可得到一个可一键清空的输入框

html
<ivy-input placeholder="请输入" clearable></ivy-input>

Props

参数说明类型可选值默认值
type类型stringtext/textarea/password/url/email/date/numbertext
value绑定值string--
placeholder占位文本string--
disabled是否禁用boolean-false
readonly是否只读boolean-false
autoFocus自动获取焦点boolean-false
clearable显示清除按钮boolean-false