输入框

FormInput输入与选择

浅底加发丝线环的输入框，聚焦换成陶土双环，校验未通过时红环。支持文本、密码等原生输入类型。

属性

名称	类型	默认值	说明
`value`	`Signal<String>`	必填	当前输入内容。
`oninput`	`Option<Callback<String>>`	`无`	输入时返回新内容。
`r#type`	`&'static str`	`text`	例如 text、email 或 password。
`placeholder`	`Option<&'static str>`	`无`	空内容时的提示。
`disabled`	`Signal<bool>`	`false`	禁止编辑。
`invalid`	`Signal<bool>`	`false`	校验未通过：红环并输出 aria-invalid。
`mono`	`bool`	`false`	使用等宽字体。
`maxlength`	`Option<i32>`	`无`	最大字符数。
`required`	`bool`	`false`	必填。
`readonly`	`bool`	`false`	只读，可选中复制。
`autocomplete`	`Option<&'static str>`	`无`	浏览器自动填充提示，如 new-password。

键盘

Tab: 移动焦点
← →: 移动光标

用法

src/components/forms.rs

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

view! {
    <FormInput
        r#type="text"
        placeholder="\u4E00\u4E2A\u65B0\u7684\u5F00\u59CB\u2026"
        value=title
        oninput=move |value: String| title.set(value)
    />
}

预览

属性

键盘

用法