# 输入框
常见的输入框,Element-UI已经有较为完整的组件库及相应的开发手册了,但是在通过这些组件来构建页面时,对于组件的显示、隐藏,常规或者特殊的校验,
组件之间的联动、级联、计算等等,都需要自行实现,所以Hotent-UI就是在Element-UI的基础上增强了组件这方面能力。
{{validateExp}}
清空下拉框选项
# API
## Options
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| :------ | :------ | :------ | :------ | :------ |
| validate | 校验规则 | string/object | 请参照[校验规则](validation)查看可选值 | - |
| name | 名称 | string | - | - |
| permission | 权限 | string | n/r/w/b,分别表示:无权限、只读、编辑、必填权限 | w |
| type | 类型 | string | number,textarea,text和其他[原生input的type值](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types) | text |
| clearable | 是否可清空 | boolean | - | true |
| show-password | 是否为密码 | boolean | - | false |
| math-exp | 数学计算表达式 | string | 请参照[数学计算](math)查看表达式语法 | - |
| date-calc-exp | 日期计算表达式 | string | 请参照[日期计算](http://www.baidu.com)查看表达式语法 | - |
| linkage | 联动表达式 | arrry/object | 请参照[联动](linkage)查看联动介绍,只有`ht-select,ht-radio,ht-checkbox`有该属性 | - |
| placeholder | 输入提示语 | string | - | 请输入内容 |
| readonly | 是否只读 | boolean | - | false |
| disabled | 是否不可用 | boolean | - | false |
| min | 数字最小值 | number | - | - |
| max | 数字最大值 | number | - | - |
| step | 数字的步长(type为number时才生效) | number | - | 1 |
| step-strictly | 是否只能输入 step 的倍数 (type为number时才生效)| boolean | - | false |
| precision | 数字精度(type为number时才生效)| number | - | - |
| cols | 文本列数(type为textarea时才生效) | number | - | 60 |
| rows | 文本的行数(type为textarea时才生效) | number | - | 2 |
| autosize | 自适应内容高度(type为textarea时才生效),可传入对象,如,{ minRows: 2, maxRows: 6 } | boolean/object | - | false |
| prefix-icon | 输入框头部图标 | string | - | - |
| suffix-icon | 输入框尾部图标 | string | - | - |
| tabindex | 输入框的tabindex | string | - | - |
## slots
| name | 说明 |
| :------ | :------ |
| prefix | 输入框头部内容,只对 type="text" 有效 |
| suffix | 输入框尾部内容,只对 type="text" 有效 |
| prepend | 输入框前置内容,只对 type="text" 有效 |
| append | 输入框后置内容,只对 type="text" 有效 |
## input events
| 事件名称 | 说明 | 参数 |
| :------ | :------ | :------ |
|blur| 在 Input 失去焦点时触发| (event: Event) |
|focus| 在 Input 获得焦点时触发| (event: Event) |
|change| 仅在输入框失去焦点或用户按下回车时触发| (value: string | number) |
|input| 在 Input 值改变时触发| (value: string | number) |
|clear| 在点击由`clearable`属性生成的清空按钮时触发 | - |