输入密码Blazor表单

时间:2019-10-24 13:31:50

标签: blazor

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

https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-3.0

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

我尝试添加类似的内容

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

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

但是没有用。在输入中插入密码时,是否可以隐藏密码?

1 个答案:

答案 0 :(得分:1)

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

<EditForm Model="@model">
    <DataAnnotationsValidator />
    <ValidationSummary />
    <InputText type="password" placeholder="Password" @bind-Value="@model.Password" />
</EditForm>

@code {
    class Login
    {
        [Required]
        public string Password { get; set; }
    }

    private Login model = new Login();
}

InputText支持所有<input />属性