Input表单控件

用于绑定的输入控件


Input 支持以下type属性:

  • type="text"
  • type="password"
  • type="email"
  • type="tel"

支持 几个修饰符,这些修饰符会影响:

  • Color
  • Size
  • IsRounded
  • IsHovered
  • IsFocused
  • IsLoading
  • IsStatic
  • disabled 和 readonly

Input支持Icon,请参考通用控件


颜色














尺寸










其他














数据绑定

绑定事件默认是onchange,可以使用BindEvent属性设置成oninput


绑定数字

Input绑定数字类型的时候,会有输入验证,如果不能转换成对应的数字类型,会返回原值。

如何想接受空值,请使用对应的可空类型,下面例子中,i2对应的输入框可以清空

i1的值:23

i2的值:4


数字格式化

格式化是基于 ToString(format) 来实现的,所以 Format 参数和 ToString 的参数一致

dbl1的值:0.23


int1的值:12345


绑定日期

在绑定DateTime和DateTimeOffset以及他们的可空类型的时候,可以使用Format属性设置显示格式

date1的值:12/6/2024 1:37:16 PM

date2的值:12/6/2024 1:37:16 PM +08:00

文档