1. ホーム
  2. asp.net-mvc

[解決済み] Kendo UI MVC用パスワードテキストボックス

2022-02-08 13:32:36

質問

Telerik Kendo UI Textboxesを使ってログインページを作りたいので、パスワードの入力をマスキングする必要があります。どなたかご提案いただけないでしょうか?私は試してみました。

                .TextBoxFor(m => m.Password)
                .HtmlAttributes(new { type = "password" })

以下は私のコードで、ほぼ標準的なものです。

  @(Html.Kendo().TextBox()
                .Name("password")
                .Placeholder("Password")
                .Label(label => label
                    .Content("Password")
                    .Floating(true)
                )
                .HtmlAttributes(new { style = "width: 100%;border-radius: 7px;border-color: #ff4d41;" })
            )

テキストボックスを自作した方が早い段階まで来ている(笑)

解決方法は?

あなたの質問に基づいた私の理解では を追加する必要があります。 type="password" を剣道UIコントロールに追加します。

以下のようなコードです。

 @(Html.Kendo().TextBox()
.Name("password")
.Placeholder("Password")
.Label(label => label
.Content("Password")
.Floating(true)
)
.HtmlAttributes(new {type="password", style = "width: 100%;border-radius: 7px;border-color: #ff4d41;" })
)      

出力

ご存知のように Password MVCで利用できるHTMLヘルパーです。

@Html.Password()
@Html.PasswordFor()