WordPress输入密码可见

阿里云服务器

在WordPress中,实现输入密码可见的方法有多种。其中一种是使用插件,例如“WP-Password Visibility”插件。

另外,你也可以使用代码来实现这一功能。具体步骤如下:

  1. 在functions.php文件中添加以下代码:

php复制代码function e_secret($atts, $content=null){extract(shortcode_atts(array('key'=>null), $atts));if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){return ' '.$content.' ';} else{return '输入密码查看加密内容: ';}}add_shortcode('ssecret','e_secret');
  1. 在网站的HTML中添加以下代码:

html复制代码<form method="post" action="<?php echo $_SERVER['REQUEST_URI'];?>">  <input type="password" name="e_secret_key" placeholder="密码">  <input type="submit" name="submit" value="提交">  </form>
  1. 在CSS中添加以下代码以美化界面:

css复制代码.e-secret {margin: 20px 0;padding: 20px;background: #f8f8f8;overflow: auto;}.e-secret input.euc-y-i[type="password"] {float: left;background: #fff;width: 100%;line-height: 36px;margin-top: 5px;border-radius: 3px;}.e-secret input.euc-y-s[type="submit"] {float: right;margin-top: -47px;width: 30%;margin-right: 1px;border-radius: 0 3px 3px 0;}input.euc-y-s[type="submit"]{background-color:#FF0016;color:#fff;font-size:21px;box-shadow:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-backface-visibility:hidden;position:relative;cursor:pointer;padding: 13px 20px;text-align: center;border-radius: 50px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;border: 0;height: auto;outline: medium;line-height: 20px;margin: 0;}input.euc-y-s[type="submit"]:hover{background-color:#CE0416;}

以上代码会在用户输入正确的密码后显示隐藏的内容。你可以根据需要自行修改密码字段的名称、占位符等。