Skip to main content
Yggdrasil

FormInput

yggdrasil::components::forms

Function FormInput 

Source 
pub fn FormInput(props: FormInputProps) -> impl IntoView
Expand description

表单输入框组件。

Props：

  • id：input 元素 id，用于与 label 关联
  • r#type：input 类型（缺省 "text"；如 "email"、"password"、"number"）
  • placeholder：占位提示文本（可选，不填则不输出属性）
  • value：当前值（受控，传信号或 move || 闭包）
  • disabled：是否禁用（可选，缺省 false）
  • invalid：是否校验未通过（红环，输出 aria-invalid）
  • required：是否必填（缺省 false）
  • readonly：是否只读（缺省 false）
  • autofocus：挂载时是否自动聚焦（缺省 false）
  • maxlength：最大字符数（可选）
  • autocomplete：浏览器自动填充提示（可选，如 "new-password"）
  • min / step：number 类输入的下限与步进（可选）
  • aria_describedby：关联说明元素 id（可选）
  • oninput：输入事件回调，返回新的字符串值（可选；只读框不需要）
  • onkeydown / onfocus / onblur：可选的键盘与焦点事件回调
  • class：自定义 class（可选，缺省用 INPUT_CLASS 全宽表单款）。 内联/固定宽度场景传自定义类串，覆盖默认样式。
  • mono：是否使用等宽字体（代码片段、表名、JSON 等，缺省 false）
  • inputmode / title / aria_label：可选的原生属性

§Required Props

§Optional Props