Yggdrasil
搜索⌘K

表单标签

FormLabel输入与选择

为输入框提供明确的名称，通过 html_for 关联输入元素。

预览

属性

名称类型默认值说明
labelSignal<String>必填标签显示的文本。
html_forMaybeProp<String>None关联 input 的 id。

键盘

点击标签
聚焦关联输入框

用法

src/components/forms.rs
Leptos view!
let title = RwSignal::new(String::new());

view! {
    <div>
        <FormLabel label="\u6587\u7AE0\u6807\u9898" html_for="post-title"/>
        <FormInput
            id="post-title"
            r#type="text"
            placeholder="\u70B9\u51FB\u6807\u7B7E\u4E5F\u80FD\u805A\u7126\u8FD9\u91CC"
            value=title
            oninput=move |value: String| title.set(value)
        />
    </div>
}