# 4.21 输入框（Input）

输入框组件，用于文本输入

<template>
  <dof-input placeholder="请输入" v-model="inputValue"></dof-input>
</template>

1
2
3

Prop	Type	Required	Default	Description
`value`	`String`	`N`	`''`	输入框值
`placeholder`	`String`	`N`	`''`	占位文本
`autofocus`	`Boolean`	`N`	`false`	是否自动聚焦
`singleline`	`Boolean`	`N`	`true`	是否单行
`hide-done-button`	`Boolean`	`N`	`false`	是否隐藏完成按钮
`bg-color`	`String`	`N`	`''`	背景颜色
`height`	`Number`	`N`	`0`	输入框高度
`is-show-clear`	`Boolean`	`N`	`false`	是否显示清除按钮
`is-show-pwd-icon`	`Boolean`	`N`	`false`	是否显示密码图标
`icon`	`Object`	`N`	`{}`	图标配置
`input-style`	`Object`	`N`	`{}`	输入框样式
`input-box-style`	`Object`	`N`	`{}`	输入框容器样式
`border-radius`	`String`	`N`	`''`	圆角

事件名	说明	回调参数
`input`	输入事件	`e`
`change`	值变化事件	`e`