【发布时间】:2011-02-23 05:45:24
【问题描述】:
如何在 asp.net mvc 中将文本框类型转换为密码?
【问题讨论】:
标签: asp.net-mvc
如何在 asp.net mvc 中将文本框类型转换为密码?
【问题讨论】:
标签: asp.net-mvc
只需在 Razor View 中写入,即在 .cshtml 文件中的下一行
@Html.PasswordFor(m=>m.Password)
这里m是模型对象,password是密码字段名。
【讨论】:
你的意思是<%=Html.Password("test")%>?
【讨论】:
要么使用 HTML 帮助函数Password:
<%= Html.Password("Password") %>
或在输入字段上使用type 参数:
<input name="password" type="password" />
请参阅this page 上的清单 4 和 5
【讨论】:
在 ASP 中有多种使用密码类型的文本框。网络MVC
使用 html 控件会是这样的;
<input type="password" name="xx" id="yy">
使用 Razor 语法会是这样的;
@Html.Password(name, value, html_attributes)
或者在强类型视图中你可以写
@Html.PasswordFor(model=>model.Password)
【讨论】:
使用强类型视图和引导程序时,请使用以下代码确保密码字段的样式正确:
@Html.PasswordFor(model => model.Password, new { @class = "form-control" })
【讨论】:
下面是基于 html helper 的扩展:
转换前:
@Html.TextBox("mypass", null, new { style = "width: 200px;" })
转换后:
@Html.Password("mypass", null, new { style = "width:200px;" })
希望能帮助别人。
【讨论】:
<div class="editor-field">
@Html.PasswordFor(model => model.Password, new { htmlAttributes = new { @class = "form-control", placeholder = "Password" } })
@Html.ValidationMessageFor(model => model.Password)
</div>
【讨论】:
在 .cshtml 文件中:
@Html.PasswordFor(modal => modal.Password)
【讨论】:
@Html.EditorFor(model => model.Password,
"Password",
new { htmlAttributes = new { @class = "form-control" } })
【讨论】:
另一种方法是将@type = password 添加到您的html.texbox() 属性中,如下所示:
转换前:
@Html.TextBox("mypass", null, new { @class = "" })
转换后:
@Html.TextBox("mypass", null, new { @class = "", @type = password })
这将用圆圈而不是文本来掩盖您的文本框文本。这样做是因为@type = password 属性告诉您的文本框它是“密码”类型。
这种将文本框转换为输入密码的方法是一种从标准剃须刀表单文本框进行转换的简单快捷方式。
【讨论】:
在 asp.net mvc 中将文本框类型转换为密码
@Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control", placeholder = "Password", @type="Password" } })
【讨论】: