WP-Membersのログインフォームにプレースホルダを追加したい

前提

Webサイト情報をもとにfuncton.phpに追加しましたが、下記画面イメージのように入力フィールドが重複して表示されてしまいます。

・参考サイト　WP-Membersで登録フォームにplaceholderを実装する方法
https://moca-d.com/1177.html

実現したいこと

・functon.phpで追加したフォームではなく、既存のフォームにプレースホルダを追加したい。

発生している問題・エラーメッセージ

---画面イメージ
ログイン：
パスワード：
ログイン：半角英数字　※追加されたもの
パスワード：8文字以上（半角英数字）　※追加されたもの
---

該当のソースコード

PHP
1//function.phpに追加したコード
2add_filter( 'wpmem_login_form_rows', 'my_wpmem_login_form_rows_filter', 10, 2 );
3function my_wpmem_login_form_rows_filter( $rows, $toggle ) {
4    $rows['username'][field] = '<input name="log" type="text" id="log" value="" class="username" placeholder="半角英数字">';
5    $rows['password'][field] = '<input name="password" type="password" id="password" class="textbox" placeholder="8文字以上（半角英数字）">';
6    return $rows;
7}

試したこと

wpmem_login_form_rows関数の利用方法などを参照しましたが、どうもうまくいきません。解決方法やヒントをお持ちの方がおられましたら、ご教授いただければ幸いです。

・wpmem_login_form_rows（利用方法とサンプルソース）
https://rocketgeek.com/plugins/wp-members/docs/filter-hooks/wpmem_login_form_rows/

・検索フォームで検索しましたが、HITせず重複質問となっておりましたらご指摘ねがいます。

以上、よろしくお願いいたします。

行動規範の内容に同意します

回答1件

自己解決

下記Webサイトの情報を参照させていただき、WP-Membersのログイン用固定ページ欄のカスタムjavascript欄に追記することで解決致しました。

リンク内容
・wp-membersなどの入力項目に無理やりプレースホルダーを実装する手順
http://ititiit.blogspot.com/2015/04/wp-members.html

javascript
1jQuery(document).ready(function(){
2    jQuery('#log').attr('placeholder', 'User Name');
3    jQuery('#user_email').attr('placeholder', 'User Email');
4    jQuery('#password').attr('placeholder', 'User Password');
5});