输入与选择 / COMPONENT ATLAS
表单标签FormLabel
为输入框提供明确的名称,通过 html_for 关联输入元素。
亲手试一试。
01 / LIVE PREVIEWSTATES / 示例状态
标签关联
在左侧预览中体验这枚组件。INTERACTIVE SPECIMEN · 跟随全站主题
用法
02 / USAGE下方展示组件的调用方式。
let mut title = use_signal(String::new);
rsx! {
div {
FormLabel {
: "文章标题",
: Some("post-title".to_string()),
}
FormInput {
: Some("post-title".to_string()),
: "text",
: "点击标签也能聚焦这里",
: title(),
: move |value| title.set(value),
}
}
}主要属性
03 / PROPERTIES| 属性 / 类型 | 默认值 | 说明 |
|---|---|---|
labelString | 必填 | 标签显示的文本。 |
html_forOption<String> | None | 关联 input 的 id。 |
操作方式
04 / INTERACTION点击标签聚焦关联输入框