# Input 输入框
#
# 1、普通的输入框
#
普通的输入框，原生组件，只是通过样式美观输入框
普通输入框
▼显示代码
# 不可以编辑的输入框
原生组件，只是通过样式美观输入框
普通输入框
▼显示代码
# 2、带长度输入提醒的输入框---采用comp方式渲染
comp渲染，必须申明class为comp 然后在comp里面添加相应的参数配置
带长度输入框
▼显示代码
# 带长度输入提醒的输入框---采用对象渲染
普通输入框
▼显示代码
# 错误信息提醒---采用对象渲染
错误信息提醒
▼显示代码
# 成功信息提醒---采用对象渲染
成功信息提醒
▼显示代码
#
# 参数列表
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 控件类型 | string | CtpUiComInput | |
| maxLength | 长度提醒值 | number | --- | 0 |
| disabled | 不可以编辑 | boolean | false/true | false |
#
# 方法列表
| 方法名 | 说明 | 参数 |
|---|---|---|
| setErrorState | 设置为错误状态 | msg-错误提醒消息 |
| setSuccessState | 设置为成功状态 | msg-成功提醒消息 |
| clearErrorState | 清空错误状态 | -- |
| clearSuccessState | 清空成功状态 | -- |
# 3、带前缀按钮的输入框---采用comp方式渲染
comp渲染，必须申明class为comp 然后在comp里面添加相应的参数配置
前缀按钮
▼显示代码
# 带前缀按钮的输入框---采用对象渲染
前缀按钮
▼显示代码
# 带前缀图标的输入框---采用comp方式渲染
前缀按钮
▼显示代码
#
# 参数列表
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 控件类型 | string | CtpUiPreBtnInput | |
| pattern | 模式 | string | btn 或者 icon | btn |
| iconClass | 如果是icon模式需要设置字体图的class | string | syIcon sy-todoevent | |
| btnLabel | 如果是btn模式需要设置按钮的label | String | --- | 空 |
| btnClick | 点击按钮执行事件 | string | --- | 空 |
# 4、带后缀按钮的输入框---采用comp方式渲染
comp渲染，必须申明class为comp 然后在comp里面添加相应的参数配置
后缀按钮
▼显示代码
# 带后缀简易按钮的输入框---采用comp方式渲染
pattern设置为simple
后缀按钮-简易
▼显示代码
# 带后缀按钮的输入框---采用对象渲染
后缀按钮
▼显示代码
#
# 参数列表
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 控件类型 | string | CtpUiSuffixBtnInput | |
| pattern | 模式 | string | btn 或者 simple | btn |
| btnLabel | 如果是btn模式需要设置按钮的label | String | --- | 空 |
| btnClick | 点击按钮执行事件 | string | --- | 空 |