输入密码Blazor表单

输入密码Blazor表单,blazor,Blazor,我正在Blazor中添加一个表单,并按照此处指定的说明进行操作 是否可以添加带有密码掩码的输入 我试着做一些类似的事情 public class LoginModel { [Required] public string Username { get; set; } [Required] [DataType(DataType.Password)] public string Password { get;

我正在Blazor中添加一个表单,并按照此处指定的说明进行操作

是否可以添加带有密码掩码的输入

我试着做一些类似的事情

public class LoginModel
    {
        [Required]
        public string Username { get; set; }

        [Required]
        [DataType(DataType.Password)]
        public string Password { get; set; }
    }

但这不起作用。在输入中插入密码时是否有隐藏密码的方法?

您可以将
InputText
组件与
type=password
一起使用:


@代码{
类登录
{
[必需]
公共字符串密码{get;set;}
}
私有登录模型=新登录();
}

InputText支持所有的
属性

,因此使用EditForm组件而不是好的旧HTMLI有什么好处?无论如何,我们可以验证用户输入密码和确认密码是否与同一文本相同?我可以在提交后使用自定义代码完成此操作,但我希望EditForm执行此操作,blazor处理红色边框和其他内容使用System.ComponentModel.DataAnnotations[Required]公共字符串密码{get;set;}[Required][Compare(“Password”),ErrorMessage=“密码和确认密码不匹配。”)]public string ConfirmPassword{get;set;}