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

最近在开发 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。  

WEEX交易所已上线平台币 WEEX Token (WXT)。WXT 作为 WEEX 交易所生态系统的基石,主要用于激励 WEEX 交易平台社区的合作伙伴、贡献者、先驱和活跃成员。

新用户注册 WEEX 账户、参与交易挖矿及平台其他活动,均可免费获得 WXT 空投奖励。

点此注册 WEEX 账户,即刻领取 1,600 WXT 新用户专属空投

本站资源均来源于网络或网友投稿,部分资源未经测试,难免存在BUG,所有资源只限于学习研究,不得商用。如使用本站下载的资源造成任何损失或发生侵权行为,均与本站无关。如不接受本声明请勿下载!本站资源如有侵权,请联系QQ:497149677核实后立即删除!
最客资源网 » 如何给WordPress登录注册表单添加placeholder占位符