Textarea

概述

Textarea多行文本输入组件，用于输入简介、备注、描述等较长的文本内容。基于sl-textarea实现，支持行数、长度限制等配置。

示例

声明一个多行文本字段只需要指定widget: 'textarea'：

const form = document.querySelector('#form');
form.state = {
    bio: configurable('', {
        label: '个人简介',
        widget: 'textarea',
        placeholder: '介绍一下自己...',
    }),
};

loading

指南

行数

rows控制输入框的默认可见行数，默认为3：

form.state = {
    memo: configurable('产品简介', {
        label: '产品简介',
        widget: 'textarea',
        rows: 5, 
    }),
};

长度限制

minLength/maxLength限制文本长度，超出上限后无法继续输入：

form.state = {
    description: configurable('', {
        label: '描述',
        widget: 'textarea',
        maxLength: 500, 
        minLength: 10, 
        placeholder: '10-500个字符',
    }),
};

属性

属性	类型	默认值	说明
rows	number	3	可见行数
minLength	number		最小长度
maxLength	number		最大长度
autocorrect	string		自动修正，见MDN

注意事项

• Textarea直接继承自AutoField而非Input，不支持的输入框属性（如pattern、prefix、suffix、actions）。
• placeholder、required、enable、visible等通用字段属性仍然可用，见字段通用属性。