如何给WordPress登录注册表单添加placeholder占位符

2022-12-17

最近在开发 WordPress 自定义登录注册插件(暂定名字 MCL)的时候,使用了 wp_login_form()函数去调用登录表单,但是发现这个函数并没有设置表单 input 等字段 placeholder 占位符的参数,为了插件更完美,还是得想办法给加上。插件效果如下图:

如何给WordPress登录注册表单添加placeholder占位符

那么首先想到的就是使用 js 添加,但是仔细想想总觉得使用 js 去干预 HTML 的输出并不是理想的方法,最后通过查找国外的参考资料,发现了一个思路,我觉得还是不错的,所以分析给大家;具体思路代码如下:

  1. <?php
  2.     $args = array(
  3.         'echo'           => false,
  4.         'remember'       => true,
  5.         'redirect'       => ( is_ssl() ? 'https://' : 'http://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'],
  6.         'form_id'        => 'mcl-loginform',
  7.         'id_username'    => 'user_login',
  8.         'id_password'    => 'user_pass',
  9.         'id_remember'    => 'rememberme',
  10.         'id_submit'      => 'wp-submit',
  11.         'label_username' => false,
  12.         'label_password' => false,
  13.         'label_remember' => __( 'Remember Me' ),
  14.         'label_log_in'   => __( 'Log In' ),
  15.         'value_username' => '',
  16.         'value_remember' => false
  17.     );
  18.     $form = wp_login_form($args );
  19.     //add the placeholders
  20.     $form = str_replace('name="log"', 'name="log" placeholder="用户名/邮箱/手机号:"', $form);
  21.     $form = str_replace('name="pwd"', 'name="pwd" placeholder="请输入密码:"', $form);
  22.     echo $form;
  23. ?>
    那么按照这个思路,WordPress 的注册表单您也可以这样来添加 placeholder。
    
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运,(包括源代码、软件、学习资料等)本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 cms教程 如何给WordPress登录注册表单添加placeholder占位符 https://www.xmy7.com/zh/cms/25496.html

相关文章