Question

模型类

[Required(ErrorMessage = "Pass word is required")]
//[ValidatePasswordLength]
[DataType(DataType.Password)]
//[Display(Name = "Password")]
public string Password { get; set; }

视图

<div class="editor-label">
@Html.LabelFor(model => model.Password)
</div>
<div class="editor-field">
@Html.TextBoxFor(model => model.Password, new {@class="form-control",placeholder="Password" })
@Html.ValidationMessageFor(model => model.Password)

</div>

我用Google搜索了。我发现使用@html.Editor而不是@html.TextBoxFor，但我必须为文本框应用css。

我使用@Html.TextBoxFor(model => model.Password, new {@class="form-control",placeholder="Password" })但css未应用。我如何实现这一目标？

Answer 1

如果您的MVC版本足够新，那么

@Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password"}})

否则

@Html.PasswordFor(model => model.Password, new {@class="form-control", placeholder="Password"})

Answer 2

您仍然可以使用@ Html.TextBoxFor：

@Html.TextBoxFor(model => model.Password, new {@class="form-control", placeholder="Password", @type = "password" })

Answer 3

我也遇到了同样的问题并且已经使用了下面的代码，但我不知道为什么它不起作用

@Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password"}})

但后来我找到了将type ="password"添加到

代码中的解决方案

然后，代码现在是

@Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password", Type="password"}})

<强>更新我找到了另一种解决方法，那就是在LoginViewModel中将数据注释添加到Password属性

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

并在视图页面中输入此代码

    @Html.EditorFor(model => model.Password, new { htmlAttributes = new {@class="form-control", placeholder="Password"}})

Answer 4

您可以尝试使用html input type

@Html.TextBoxFor(model => model.Password, new {@class="form-control", placeholder="Password", @type = "password" })

Answer 5

这也有效-

@Html.Password("Passwordvalue", null, new {@class="form-control", @id= "Passwordvalue", 
placeholder = "Password"})

创建密码字段@ html.TextBoxFor

5 个答案: