Question

我已使用以下代码段在我的网页中定义了密码字段：

<input type="password" ng-model="dataItem.password" class="form-control"
                                   name="password"

                                   placeholder="Enter Password"/>

当用户未在该字段中输入任何内容时，此密码字段显示为空白。

即使用户没有输入任何密码，如何在密码字段中显示一些星号（对焦）？

编辑：使用＆＃34;值＆＃34;如果我从代码中删除ng-model属性，属性工作正常。但显然删除它不是一个选择，因为在这种情况下密码不会得到更新。

从我的理解，我认为自＆＃34; dataItem.password＆＃34;最初是null，＆＃34;值＆＃34;属性被忽略，因此，密码字段为空。请提供一些意见。

Answer 1

默认情况下，密码类型输入将隐藏该值。键入值时，它会将章程显示为点/星号（取决于客户端的应用程序）。

如果要使用“星号”，可以将其添加为占位符或值本身。如果在输入文本附近添加“输入密码”作为文本，则使用占位符是正确的方法。

示例：

<p>Enter Password:</p>
    <input type="password" ng-model="dataItem.password" 
    class="form-control" name="password" placeholder="********"/>

通过这样做，您可以添加一个值：

<input type="password" name="password" value="********"/>

在这种情况下，如果使用了占位符，则会覆盖该值，因为已经输入了值。另外，它会向用户发出编辑给定密码的请求......这是不推荐的。

Answer 2

使用值属性..这是我认为的基础知识..以及为什么需要在密码字段中添加一些值？当你有占位符？

Answer 3

您可以在value属性中使用星号，并且可以使用angularjs中的指令进行聚焦！

Answer 4

您可以定义一个值。在你告诉我你已经尝试过但它没有用之前，让我告诉你我在想什么：

{{1}}

这将显示8个星号。如果修剪该值，那么它将是一个空字符串，这样可以帮助您进行验证。

如何在HTML中的密码字段中显示一些星号？

4 个答案: