腾讯云智能体开发平台 Textarea 文本域

这篇说说腾讯云多行文本输入组件的功能、基础用法及属性配置,支持自动高度调整、行数限制和输入验证,通过name与表单字段关联,placeholder设置提示文本。 基础用法:通过name绑定表单字段,rows设置初始行数,支持autoResize自动调整高度。 属性说明:name为必填,支持required、pattern、disabled等配置,variant和size控制样式与尺寸。

相关产品
腾讯云智能体开发平台 产品页,含版本规格、价格与购买入口。

一、组件功能

多行文本输入组件,支持自动高度调整、行数限制以及多种输入验证选项。

二、基础用法

通过 name 与表单字段关联,placeholder 设置占位提示文本,可指定初始行数,支持自动高度调整和输入验证。

Template 示例:

<Textarea name="description" placeholder="请输入描述信息" rows={4} />

效果展示如下:

三、属性说明

属性名 类型 描述 默认值
name ★ string 表单字段名称 –
defaultValue string 默认值 –
required boolean 是否必填 false
pattern string 验证正则表达式 –
placeholder string 占位符文本 –
autoSelect boolean 自动选中文本 false
autoFocus boolean 自动聚焦 false
disabled boolean 是否禁用 false
variant "soft" | "outline" 样式变体 "outline"
size "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" 组件尺寸 "md"
gutterSize "2xs" | "xs" | "sm" | "md" | "lg" | "xl" 内边距尺寸 –
rows number 初始行数 3
autoResize boolean 是否自动调整高度 false
maxRows number 最大行数 –
allowAutofillExtensions boolean 允许自动填充扩展 false

注意:★ 标记为必填属性。

赞 (0)
上一篇 4天前
下一篇 4天前