>密码掩码是开发人员使用的一种技术，可以防止某人在用户键入密码时在屏幕上读取密码。但是，密码掩盖最终会导致用户体验造成许多问题。在本文中，我们将概述密码掩盖和一些解决方案引起的一些问题。
特别是，我们将重点介绍与WordPress Admin登录和密码重置表单上密码屏蔽有关的用户体验问题。我们还将创建一个WordPress插件，该插件将复选框添加到登录名和密码重置表单中，以显示或隐藏文本在蒙版的密码字段中。>
钥匙要点但是，实际上，这可能会在许多具有较小键的键或使用触摸屏的钥匙的现代计算设备中引起可用性问题。
>由密码掩盖引起的可用性问题
>>用户倾向于在键入时更容易适合手指的设备上犯下更大键的键入错误。用户还倾向于使用具有较小键的设备（例如移动和平板电脑）造成更多打字错误，因为他们的手指不太适合打字。>
>如果有一个密码字段在移动屏幕上掩盖，并且用户无法检查键入密码是什么（用户打算输入的内容），则可以导致用户感到沮丧并离开您的网站由于用户有可能由于较小的密钥而无意间多次键入错误的密码。>解决密码蒙版引起的可用性问题的解决方案
>有几个开发人员提出了几种解决方案，以解决手机上的密码掩盖的可用性问题。这是一些受欢迎的：
>在现场焦点上删除：当用户将光标移动密码字段的顶部时，我们只需删除密码即可。此方法是仅用于具有鼠标指针的设备的解决方案，因此不是移动设备的解决方案。 使用复选框
删除：我们还可以让用户删除并使用复选框掩盖密码字段。以前的解决方案很好，但仅限于计算机。但是该解决方案在所有设备上都起作用，并且是迄今为止解决此问题的最佳解决方案。的目录，然后创建一个称为
passwort basking的文件。 php的文件。 out目录结构应该看起来像> >在> password-masking.php文件中，添加以下文本以使插件可安装。
我们需要在登录页和密码重置页面中加入
password-masking.js--password-masking -password-masking.php -password-masking.js
password-masking.php文件：
< ?php /** * Plugin Name: Password Masking * Plugin URI: https://www.sitepoint.com/ * Description: A plugin to add "show password checkbox" to Login and Password Reset Forms. * Author: Narayan Prusty */
> login_enqueue脚本操作挂钩用于将脚本和样式表纳入管理员登录，注册和密码重置页面。 >向登录表单添加一个复选框
>要在登录表单中添加一个复选框，我们需要使用login_form Action Hook。此挂钩用于通过添加新字段来自定义内置的WordPress登录表单。
function pm_enqueue_scripts()
{
wp_register_script("pm-js", plugins_url("password-masking/password-masking.js"));
wp_enqueue_script("pm-js");
}
add_action("login_enqueue_scripts", "pm_enqueue_scripts");
password-masking.php
文件中，将复选框添加到登录表单：>
--password-masking -password-masking.php -password-masking.js
>在这里，我们添加了一个带有ID passwordmask的复选框。单击检查调用passwordMasking_loginform（）函数。
现在，登录表格应该看起来像这样：
单击复选框不会揭示密码字段，因为我们尚未为该功能编写JavaScript代码。
>将此代码放在
> password-masking.php文件中，以将复选框添加到密码重置表格：>
>在这里，我们还添加了一个带有ID passwordmask的复选框。单击“检查”调用passwordMasking_resetform（）函数。< ?php /** * Plugin Name: Password Masking * Plugin URI: https://www.sitepoint.com/ * Description: A plugin to add "show password checkbox" to Login and Password Reset Forms. * Author: Narayan Prusty */
现在，密码重置表格应该看起来像：
>>但是，单击复选框不会揭示密码字段，因为我们尚未为该功能编写JavaScript代码。
>删除登录表单的密码字段
复选框时，请删除登录表单的密码字段，我们需要将密码字段的类型属性更改为文本。
>将此代码放在passwess basking.js文件中以添加此功能：
>在此处，当用户单击复选框时，请调用passwordmasking_loginform（）。
。function pm_enqueue_scripts()
{
wp_register_script("pm-js", plugins_url("password-masking/password-masking.js"));
wp_enqueue_script("pm-js");
}
add_action("login_enqueue_scripts", "pm_enqueue_scripts");
>删除密码重置表格的密码字段
>在用户单击>将此代码放在passwess basking.js文件中以添加此功能：
>在此处，如果密码字段未删除，那么我们将其掩盖在复选框切换和反之亦然。这是密码重置表格上未掩盖的密码字段的外观：
>function display_login_checkbox()
{
?>
<p>
<label for="passwordmask">
<input name="passwordmask" type="checkbox" onclick="passwordMasking_LoginForm()"/>
Show Password
</label>
</p>
< ?php
}
add_action("login_form", "display_login_checkbox");
结论
>在本文中，我向您展示了如何轻松构建插件以在登录名和密码重置表单上添加
show password
复选框。我们还看到了掩盖密码字段的可用性问题以及解决此问题的各种解决方案。
>您可以在此处获取插件的完整副本。请让我知道您在下面的评论中的想法。
> password屏蔽是一个安全功能，它将密码的实际字符隐藏在用户将其键入表单中。该表格没有显示实际字符，而是显示一系列点或星号。此功能通过防止旁观者在输入密码时看到您的WordPress表单的安全性。它还增加了针对恶意软件的额外保护层，该保护可能试图捕获您的击键。
是否有任何插件可以帮助我使用WordPress表单中的密码掩模？ ，有几个可用的插件可以帮助您在WordPress表单中使用密码掩盖。这些插件提供了一个用户友好的接口，用于自定义密码掩蔽功能。他们还提供了其他安全功能，例如密码强度指示器和两因素身份验证。
>密码屏蔽如何影响我网站上的用户体验？
>如果密码掩蔽功能在我的WordPress表单中无法正常工作，该怎么办？ 🎜>
>如果密码掩蔽功能在WordPress表单中无法正常工作，则应首先检查表格的代码，以确保其正确实现。如果代码正确，则问题可能是由与另一个插件或主题的冲突引起的。在这种情况下，您可以尝试停用其他插件或切换到默认主题以识别冲突的源头。>
>除了使用密码屏蔽外，还可以确保我的用户密码安全？您可以采取其他一些措施，以确保用户的密码安全。您可以执行强大的密码策略，例如需要最小长度和不同类型的字符的混合。您还可以提供密码强度指示器，以鼓励用户选择强密码。此外，您可以实现两因素身份验证以添加额外的保护层。以上是更好的密码掩盖您的WordPress表单的详细内容。更多信息请关注PHP中文网其他相关文章！
