Skip to main content

标准组件库

表单:单行文本框 cloudcc-input

用途

text文本框,用于输入单行文本信息。

属性简介

  • 输入框占位文本:原生placeholder属性
  • 组件尺寸:输入框尺寸,可选值medium / small / mini
  • 前缀:输入框前置内容,只对 type="text" 有效
  • 后缀:输入框后置内容,只对 type="text" 有效
  • 前图标:输入框头部图标
  • 后图标:输入框尾部图标
  • 最多输入几个字符:最大输入长度,需配合‘字数统计’使用
  • 关联组件ID,使用英文逗号分隔:输入其他组件的唯一ID
  • 方法体
function test(conext,self,value) {
    alert(JSON.stringify(value.getObject()))
}
  • 是否禁用:disable属性
  • 是否只读:readonly属性
  • 字数统计:选中状态下可与‘最多输入几个字符’配合使用
  • 能否清空:输入框内容是否可清空
  • 密码图标:是否显示切换密码图标

示例

  • 前缀、后缀效果图
  • 前图标、后图标效果图