diff options
Diffstat (limited to 'files/zh-cn/web/html/element/input/password/index.html')
| -rw-r--r-- | files/zh-cn/web/html/element/input/password/index.html | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/files/zh-cn/web/html/element/input/password/index.html b/files/zh-cn/web/html/element/input/password/index.html index 25cdda81c0..f0e5b616a0 100644 --- a/files/zh-cn/web/html/element/input/password/index.html +++ b/files/zh-cn/web/html/element/input/password/index.html @@ -16,7 +16,7 @@ translation_of: Web/HTML/Element/input/password <div class="note"> -<p>任何涉及密码等敏感信息的表格（例如登录表格）都应通过HTTPS提供; 许多浏览器现在都实现了警告不安全登录表单的机制; 请参阅<a href="https://developer.mozilla.org/en-US/docs/Web/Security/Insecure_passwords">Insecure passwords</a>。</p> +<p>任何涉及密码等敏感信息的表格（例如登录表格）都应通过 HTTPS 提供; 许多浏览器现在都实现了警告不安全登录表单的机制; 请参阅<a href="https://developer.mozilla.org/en-US/docs/Web/Security/Insecure_passwords">Insecure passwords</a>。</p> </div> <table class="properties"> @@ -60,7 +60,7 @@ translation_of: Web/HTML/Element/input/password <h3 id="一个简单的密码输入框">一个简单的密码输入框</h3> -<p>在这里，我们看到了最基本的密码输入，并使用了 {{HTMLElement("label")}} 元素.</p> +<p>在这里，我们看到了最基本的密码输入，并使用了 {{HTMLElement("label")}} 元素。</p> <pre class="brush: html"><label for="userPassword">Password: </label> <input id="userPassword" type="password"></pre> @@ -73,13 +73,13 @@ translation_of: Web/HTML/Element/input/password <dl> <dt><code>"on"</code></dt> - <dd>允许浏览器或密码管理器自动填写密码字段。 这不像使用“current-password”或“new-password”那样提供信息。</dd> + <dd>允许浏览器或密码管理器自动填写密码字段。 这不像使用 “current-password” 或 “new-password” 那样提供信息。</dd> <dt><code>"off"</code></dt> <dd>不让浏览器或密码管理器自动填写密码字段。 请注意，某些软件会忽略此值，因为它通常会损害用户维护安全密码操作的能力。</dd> <dt><code>"current-password"</code></dt> - <dd>允许浏览器或密码管理器输入网站的当前密码。 这提供了比“on”更多的信息，因为它允许浏览器或密码管理器自动在该字段中输入当前已知的网站密码，但不建议新密码。</dd> + <dd>允许浏览器或密码管理器输入网站的当前密码。 这提供了比 “on” 更多的信息，因为它允许浏览器或密码管理器自动在该字段中输入当前已知的网站密码，但不建议新密码。</dd> <dt><code>"new-password"</code></dt> - <dd>允许浏览器或密码管理器自动输入网站的新密码; 这用于“更改密码”和“新用户”表单，在该字段询问用户新密码。 新密码可能以多种方式生成，具体取决于使用的密码管理器。 它可能只是填写新的建议密码，或者它可能会向用户显示创建密码的界面。</dd> + <dd>允许浏览器或密码管理器自动输入网站的新密码; 这用于 “更改密码” 和 “新用户” 表单，在该字段询问用户新密码。 新密码可能以多种方式生成，具体取决于使用的密码管理器。 它可能只是填写新的建议密码，或者它可能会向用户显示创建密码的界面。</dd> </dl> <div id="Autocomplete_sample1"> @@ -101,7 +101,7 @@ translation_of: Web/HTML/Element/input/password <h3 id="指定输入模式">指定输入模式</h3> -<p>If your recommended (or required) password syntax rules would benefit from an alternate text entry interface than the standard keyboard, you can use the {{htmlattrxref("inputmode", "input")}} attribute to request a specific one. 最明显的用例是密码必须是数字（例如PIN）。 例如，带有虚拟键盘的移动设备可能会选择切换到数字键盘布局而不是全键盘，以便更轻松地输入密码。</p> +<p>If your recommended (or required) password syntax rules would benefit from an alternate text entry interface than the standard keyboard, you can use the {{htmlattrxref("inputmode", "input")}} attribute to request a specific one. 最明显的用例是密码必须是数字（例如 PIN）。 例如，带有虚拟键盘的移动设备可能会选择切换到数字键盘布局而不是全键盘，以便更轻松地输入密码。</p> <pre class="brush: html"><label for="pin">PIN: </label> <input id="pin" type="password" inputmode="numeric"></pre> @@ -110,7 +110,7 @@ translation_of: Web/HTML/Element/input/password <h3 id="设置长度要求">设置长度要求</h3> -<p>As usual, you can use the {{htmlattrxref("minlength", "input")}} and {{htmlattrxref("maxlength", "input")}} attributes to establish minimum and maximum acceptable lengths for the password.此示例通过指定用户的PIN必须至少为4且不超过8位来扩展前一个示例。The {{htmlattrxref("size", "input")}} attribute is used to ensure that the password entry control is eight characters wide.</p> +<p>As usual, you can use the {{htmlattrxref("minlength", "input")}} and {{htmlattrxref("maxlength", "input")}} attributes to establish minimum and maximum acceptable lengths for the password.此示例通过指定用户的 PIN 必须至少为 4 且不超过 8 位来扩展前一个示例。The {{htmlattrxref("size", "input")}} attribute is used to ensure that the password entry control is eight characters wide.</p> <pre class="brush: html"><label for="pin">PIN:</label> <input id="pin" type="password" inputmode="numeric" minlength="4" @@ -166,9 +166,9 @@ translation_of: Web/HTML/Element/input/password <h3 id="申请社会安全号码">申请社会安全号码</h3> -<p>此示例仅接受与有效的美国社会安全号码格式相匹配的输入。这些用于美国税务和识别目的的数字的格式为“123-45-6789”。 还存在针对每个组中允许的值的各种规则。</p> +<p>此示例仅接受与有效的美国社会安全号码格式相匹配的输入。这些用于美国税务和识别目的的数字的格式为 “123-45-6789”。 还存在针对每个组中允许的值的各种规则。</p> -<h4 id="HTML版本的实例">HTML版本的实例</h4> +<h4 id="HTML版本的实例">HTML 版本的实例</h4> <pre class="brush: html"><label for="ssn">SSN:</label> <input type="password" id="ssn" inputmode="number" minlength="9" maxlength="12" @@ -178,7 +178,7 @@ translation_of: Web/HTML/Element/input/password <label for="ssn">Value:</label> <span id="current"></span></pre> -<p>This uses a {{htmlattrxref("pattern", "input")}} which limits the entered value to strings representing legal Socal Security numbers. 很显然，这个正则表达式并不能保证有效的SSN（因为我们没有进入社会保障局的数据库），但它确实保证数量可能是一个号; 它通常会避免无效的值。 此外，它允许三组数字由空格，短划线（“ - ”）分隔，或者什么也不分。</p> +<p>This uses a {{htmlattrxref("pattern", "input")}} which limits the entered value to strings representing legal Socal Security numbers. 很显然，这个正则表达式并不能保证有效的 SSN（因为我们没有进入社会保障局的数据库），但它确实保证数量可能是一个号; 它通常会避免无效的值。 此外，它允许三组数字由空格，短划线（“ - ”）分隔，或者什么也不分。</p> <div class="note"> <p>Isn't that regular expression just <em>beautiful</em>?</p> @@ -186,9 +186,9 @@ translation_of: Web/HTML/Element/input/password <p>The {{htmlattrxref("inputmode", "input")}} is set to <code>"number"</code> to encourage devices with virtual keyboards to switch to a numeric keypad layout for easier entry. The {{htmlattrxref("minlength", "input")}} and {{htmlattrxref("maxlength", "input")}} attributes are set to 9 and 12, respectively, to require that the value be at least nine and no more than 12 characters (the former without separating characters between the groups of digits and the latter with them). The {{htmlattrxref("required", "input")}} attribute is used to indicate that this control must have a value. Finally, {{htmlattrxref("autocomplete", "input")}} is set to <code>"off"</code> to avoid password managers trying to set its value, since this isn't a password at all.</p> -<h4 id="JavaScript版本的实例">JavaScript版本的实例</h4> +<h4 id="JavaScript版本的实例">JavaScript 版本的实例</h4> -<p>这只是一些简单的代码，用于在屏幕上显示输入的SSN，以便您可以看到它。 显然这会破坏密码字段的目的，但它有助于试验模式。</p> +<p>这只是一些简单的代码，用于在屏幕上显示输入的 SSN，以便您可以看到它。 显然这会破坏密码字段的目的，但它有助于试验模式。</p> <pre class="brush: js">var ssn = document.getElementById("ssn"); var current = document.getElementById("current"); |