Question

您好，我无法弄清楚为什么在登录和输入密码时密码没有隐藏并且在输入时密码可见。我已经尝试了一切，但找不到解决方案。我还在Visual Studio中同时使用sql服务器管理。

<div class="form-horizontal">

    <hr />
    @Html.ValidationSummary(true)
    <div class="form-group">
        @Html.LabelFor(model => model.username, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.TextBoxFor(model => model.username, new { @class="form-control"})
            @Html.ValidationMessageFor(model => model.username)
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.password, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.TextBoxFor(model => model.password, new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.password)
        </div>
    </div>

Answer 1

您要专门使用html帮助器文本框并屏蔽文本。这是使用“密码”类型的标签完成的。我继续修复了您的代码。

尝试以此替换您的代码：

<div class="form-horizontal">

<hr />
@Html.ValidationSummary(true)
<div class="form-group">
    @Html.LabelFor(model => model.username, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.TextBoxFor(model => model.username, new { @class="form-control"})
        @Html.ValidationMessageFor(model => model.username)
    </div>
</div>

<div class="form-group">
    @Html.LabelFor(model => model.password, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.TextBoxFor(model => model.password, new { @class = "form-control" , @type="password"})
        @Html.ValidationMessageFor(model => model.password)
    </div>
</div>

我所做的全部更改都在以下代码行中：

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

我添加了@type="password"

原因是您希望将文本框的类型设置为密码文本框，以使其掩盖密码。

这里是一个w3schools链接，向您展示如何使用输入标签执行此操作。

您还可以使用MvcHtmlString Html.Password。

它看起来像这样：

MvcHtmlString Html.Password(string name, object value, object htmlAttributes)

Html.Password（）方法使用以下命令生成输入密码元素指定的名称，值和html属性。

示例：学生模型

public class Student
{
    public int StudentId { get; set; }
    [Display(Name="Name")]
    public string StudentName { get; set; }
    public int Age { get; set; }
    public bool isNewlyEnrolled { get; set; }
    public string OnlinePassword { get; set; }
}

示例：Razor视图中的Html.Password（）

@model Student

@Html.Password("OnlinePassword")

Here是Html.Password（）方法的重要资源。

Visual Studio ASP.NET-密码未隐藏并且显示

1 个答案: