Введите пароль формы Blazor

Question

Я добавляю форму в 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; }
    }

, но это не сработало. Есть ли способ скрыть пароль при вводе во ввод?

Answer 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 /> атрибуты