Hi-kits

TextArea 文本域

11/4/2022 表单文本输入

多行文本输入框

# 何时使用

import { HiTextarea } from 'hi-kits/textarea'
1

# 基本用法

<h-textarea placeholder="请输入内容"></h-textarea>
1
Expand Copy

# 字数统计

<h-textarea showcount placeholder="请输入内容"></h-textarea>
1
Expand Copy

# 字数限制

<h-textarea showcount maxlength="50" placeholder="请输入内容"></h-textarea>
1
Expand Copy

# 指定行数

<h-textarea rows="4" placeholder="请输入内容"></h-textarea>
1
Expand Copy

# 根据内容自动调整高度

<h-textarea autosize placeholder="请输入内容"></h-textarea>
1
Expand Copy

# 禁用 && 只读

<h-textarea disabled placeholder="请输入内容"></h-textarea>
<h-textarea readonly value="只读状态只读状态"></h-textarea>
1
2
Expand Copy

# 触发事件

<h-textarea
    onblur="HiServe.message.info({content: event.target.value+'/ blur'})"
    onfocus="HiServe.message.info({content: event.target.value+'/ focus'})"
    oninput="HiServe.message.info({content: event.target.value+'/ input'})"
    value="hello textarea">
</h-textarea>
1
2
3
4
5
6
Expand Copy

# 参数说明

参数 说明 类型 可选值 默认值
placeholder 占位符 string - -
Last Updated: 4/25/2023, 16:14:30

Empty 空状态