Question

如何使用wp_login_form向登录字段添加占位符或CSS类？

wp_login_form中的函数wp-includes/general-template.php从一组参数中呈现登录表单：

$default = array(
  'echo' => true,
  ...
  ...
);

然后创建<form>...</form>。我无法在输入字段或提交按钮中添加类名。我想为此目的使用bootstrap类。目前，我必须覆盖WordPress呈现的默认类。

我不想这样做。例如，如果我想让username框看起来像类form-control的输入，我必须在我的CSS中为默认WP类编写其他类，或者在jQuery的帮助下删除默认类和加我的。

最好的方法是什么？ wp_login_form没有为placeholder设置属性。

简而言之，我需要通过以下内容：
1.通过数组$ args，
从外部传递类名 2.传递输入字段的占位符文本

Answer 1

根据其文档，wp_login_form()没有收到用于为输入元素本身设置类名称的参数。大概是因为您在页面上没有多个登录表单。

可以向表单的输入中添加一个id，如下所示：

$args = array(
    'form_id'        => 'loginform',
    'id_username'    => 'user_login',
    'id_password'    => 'user_pass',
    'id_remember'    => 'rememberme',
    'id_submit'      => 'wp-submit',
);

但是，为了设置其他属性，例如class和placeholders，您似乎必须使用Javascript。无需JQuery，即可完成此操作。看起来像document.querySelector('#username').setAttribute("class", "username");

See the querySelector documentation.

WordPress：wp_login_form如何添加类名或占位符文本

1 个答案: