输入框`FormInput`

统一输入框的主题、间距与焦点样式，支持文本、密码等原生输入类型。

亲手试一试。

01 / LIVE PREVIEW

STATES / 示例状态

文本密码禁用

在左侧预览中体验这枚组件。

INTERACTIVE SPECIMEN · 跟随全站主题

用法

02 / USAGE

下方展示组件的调用方式。

let mut title = use_signal(String::new);
rsx! {
    FormInput {
        r#type: "text",
        placeholder: "一个新的开始…",
        value: title(),
        oninput: move |value| title.set(value),
    }
}

主要属性

03 / PROPERTIES

属性 / 类型	默认值	说明
`value`String	必填	当前输入内容。
`oninput`EventHandler<String>	必填	输入时返回新内容。
`r#type`&'static str	必填	例如 text、email 或 password。
`placeholder`&'static str	必填	空内容时的提示。
`disabled`bool	false	禁止编辑。
`mono`bool	false	使用等宽字体。

操作方式

04 / INTERACTION

Tab移动焦点← →移动光标

YGGDRASIL · 每一个细节，都有回应。src/components/forms.rs