TextInput
概述
`TextInput` 是 `Input` 的**别名标签**,路由表指向同一类型 `rml_ui::Input`,Stateful 字段同为 `input_state`。行为、属性、事件与 [input.md](./input.md) 完全一致。
基本用法
<TextInput placeholder="备注" on-change={on_remark_change} />
属性
与 [Input](./input.md#属性) 相同。
事件
| 事件 | 回调签名 | |------|----------| | `on-change` | `fn(&mut self, state: &InputState, cx: &mut Context<Self>)` | | `on-click` | `fn(&mut self, ev: &ClickEvent, cx: &mut Context<Self>)` |
数据绑定
- 使用 `value={field}` 自动双向绑定,行为与 `<Input>` 一致 - `ref` 模式需声明 `input_state: Entity<InputState>`
子节点 / 插槽
同 [Input](./input.md#子节点--插槽):支持 `<KeyBinding>` 声明式子节点;可选文本子节点作 `label`。
完整示例
<TextInput placeholder="搜索" on-change={on_search_change} />
常见错误
与 [input.md](./input.md#常见错误) 相同。
相关组件
- [input.md](./input.md) - [builtin-html.md](./builtin-html.md)
RML 未覆盖的 API
同 Input。