fes.js/packages/fes-doc/docs/ui/input.md

pageClass
comp-page-class

Input 输入框

概述

基本表单组件，支持 input 和 textarea，并在原生控件基础上进行了功能扩展，可以组合使用。

代码示例

type默认为text

通过placeholder设置未输入时的提示文字

通过maxlength设置最大输入长度

通过width设置宽度, 宽度默认宽度是100%

设置type为number即为number输入框，只能输入数字。

通过 icon 属性可以在输入框右边加一个图标。

通过设置属性 type 为 textarea 来使用文本域，用于多行输入。

通过设置属性 rows 控制文本域的行数，默认是2行。

设置属性 clearable，鼠标悬浮在Input组件上时，显示清除按钮，点击则清空输入框。

设置type为password即为password输入框，支持切换显示隐藏输入内容。

设置type为file即为文件选择器，从系统中选择文件。

http:// .com http://

通过前置prepend和后置append的 slot 可以实现复合型的输入框。

设置属性 autosize，文本域会自动适应高度的变化。

autosize也可以设定为一个对象，指定最小行数和最大行数。

设置属性 disabled，文本域会禁止输入，不能获取到焦点，并且显示为disabled状态。

设置属性 readonly，文本域会不能输入。

API

Props

属性	说明	类型	默认值
value	输入的值, 可以使用v-model实现数据的双向绑定	Number, String, File	''
type	类型，可选值有password、number、text、textarea、file	String	text
placeholder	提示语	String	''
maxlength	限制输入的内容长度	Number	null
icon	右侧的小图标	String	''
disabled	是否禁止输入	Boolean	false
readonly	是否只读	Boolean	false
clearable	是否显示清空按钮	Boolean	false
rows	文本域的行数	Number	2
accept	过滤选择的文件类型	String	''
autocomplete	是否阻止浏览器自动填充，可选值有on/off	String	''
name	原生的name属性	String	''

Events

事件名	说明	返回值
on-click	点击icon时触发	(event) => void
on-enter	焦点在input, 按下enter键触发	(event) => void
on-focus	获取焦点时触发	(event) => void
on-blur	失去焦点时触发	(event) => void
on-input	输入时触发	(value, event) => void
on-change	值改变时触发	(value, event) => void