# Input 输入框 通过鼠标或键盘输入字符。 ## 基础用法 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 禁用 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 带 icon 的输入框 带有图标标记输入类型 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 密码 用于输入多行文本信息，通过将 type 属性的值指定为 textarea。 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 文本域 用于输入多行文本信息，通过将 type 属性的值指定为 textarea。 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 输入长度限制 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 尺寸 :::demo 使用`f-icon`嵌入图标 ````html ```` ::: ## 参数说明 | 参数 | 说明 | 类型 | 可选值 | 默认值 | |--------- |-------- |---------- |------------- |-------- | |size |大小 | String | small / mini | — | |type |类型 | String | input / textarea | input | |value |绑定值 | string / number | — | — | |v-model |双向绑定 | string / number | — | — | |maxlength |原生属性，最大输入长度 | String | — | — | |placeholder|输入框占位文本 | String | — | — | |width |宽度 | String | — | — | |align |排列，与css一直 | String | — | left | ## 事件 | 事件名称 | 说明 | 回调参数 |---------- |-------- |---------- | | blur | 光标移除事件 | $event | | focus | 光标聚焦事件 | $event | | change | 修改事件 | $event | | input | 输入事件 | $event |