多行输入框

FormTextarea输入与选择

外观同输入框的多行版本，随内容长高；rows 是不支持自动长高时的初始行数。

属性

名称	类型	默认值	说明
`value`	`Signal<String>`	必填	当前内容。
`oninput`	`Callback<String>`	必填	输入时返回新内容。
`rows`	`u32`	`3`	初始行数。
`placeholder`	`Option<&'static str>`	`无`	空内容时的提示。
`maxlength`	`Option<i32>`	`无`	最大字符数。
`invalid`	`Signal<bool>`	`false`	校验未通过：红环并输出 aria-invalid。
`class`	`Option<&'static str>`	`field field-textarea`	替换默认类。

键盘

Tab: 移动焦点
Enter: 换行

用法

src/components/forms.rs

let summary = RwSignal::new(String::new());

view! {
    <FormTextarea
        rows=4
        placeholder="\u5199\u4E0B\u8FD9\u7BC7\u6587\u7AE0\u60F3\u8BF4\u7684\u4E8B\u2026"
        value=summary
        oninput=move |value: String| summary.set(value)
    />
}

预览

属性

键盘

用法