如何给WordPress登录注册表单添加placeholder占位符
最近在开发 WordPress 自定义登录注册插件(暂定名字 MCL)的时候,使用了 wp_login_form()函数去调用登录表单,但是发现这个函数并没有设置表单 input 等字段 placeholder 占位符的参数,为了插件更完美,还是得想办法给加上。插件效果如下图:
那么首先想到的就是使用 js 添加,但是仔细想想总觉得使用 js 去干预 HTML 的输出并不是理想的方法,最后通过查找国外的参考资料,发现了一个思路,我觉得还是不错的,所以分析给大家;具体思路代码如下:
-
<?php
-
$args = array(
-
'echo' => false,
-
'remember' => true,
-
'redirect' => ( is_ssl() ? 'https://' : 'http://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'],
-
'form_id' => 'mcl-loginform',
-
'id_username' => 'user_login',
-
'id_password' => 'user_pass',
-
'id_remember' => 'rememberme',
-
'id_submit' => 'wp-submit',
-
'label_username' => false,
-
'label_password' => false,
-
'label_remember' => __( 'Remember Me' ),
-
'label_log_in' => __( 'Log In' ),
-
'value_username' => '',
-
'value_remember' => false
-
);
-
$form = wp_login_form($args );
-
//add the placeholders
-
$form = str_replace('name="log"', 'name="log" placeholder="用户名/邮箱/手机号:"', $form);
-
$form = str_replace('name="pwd"', 'name="pwd" placeholder="请输入密码:"', $form);
-
echo $form;
-
?> 那么按照这个思路,WordPress 的注册表单您也可以这样来添加 placeholder。
WEEX交易所已上线平台币 WEEX Token (WXT)。WXT 作为 WEEX 交易所生态系统的基石,主要用于激励 WEEX 交易平台社区的合作伙伴、贡献者、先驱和活跃成员。
新用户注册 WEEX 账户、参与交易挖矿及平台其他活动,均可免费获得 WXT 空投奖励。
本站资源均来源于网络或网友投稿,部分资源未经测试,难免存在BUG,所有资源只限于学习研究,不得商用。如使用本站下载的资源造成任何损失或发生侵权行为,均与本站无关。如不接受本声明请勿下载!本站资源如有侵权,请联系QQ:497149677核实后立即删除!
最客资源网 » 如何给WordPress登录注册表单添加placeholder占位符
最客资源网 » 如何给WordPress登录注册表单添加placeholder占位符