Textarea

文本域部件

基本用法

default

1
<db-textarea widgetId="default-id" name="demo" label="demo" rows="3" cols="2" noResize="false" shouldFocus="true"></db-textarea>

noRisize

1
<db-textarea widgetId="noRisize-id" name="demo" label="demo" rows="3" cols="2" noResize="true"></db-textarea>

disabled

1
<db-textarea widgetId="disabled-id" name="demo" label="demo" rows="3" cols="2" noResize="false" disabled="true"></db-textarea>

readOnly

1
<db-textarea widgetId="readOnly-id" name="demo" label="demo" rows="3" cols="2" noResize="false" readOnly="true" value="readOnly value"></db-textarea>

labelPosition is left

1
<db-textarea widgetId="label-position-id" name="demo" label="Label" rows="3" cols="2" labelPosition="left"></db-textarea>

通用属性

  1. Spacing
  2. Display
  3. Flex 中的 Flex item 相关属性
  4. Float

属性

名称 说明 默认值 可选值 值类型
widgetId 标识 string
name 名称 string
value string
label 文本 string
labelPosition 文本位置 top top, left string
rows 行数 number
cols 列数 number
size 尺寸 default small, large, default string
placeholder 占位符 string
placeholderAppearance 占位符外观 default default string
required 必填 false true, false boolean
disabled 失效 false true, false boolean
readOnly 只读 false true, false boolean
noResize 禁止调节大小 false true,false boolean
shouldFocus 获取焦点 false true, false boolean
plainText 纯文本(无边框文本) false true, false boolean
maxLength 最大字符个数 number
minLength 最小字符个数 number
invalidMessage 无效提示 string
validMessage 有效提示 string

事件

名称 参数 描述
onInput `value: string number boolean` 用户输入的值 输入时触发