title: woocommerce add placeholder text to edit account form
body: <p>I am customizing my storefront child theme and eventually managed to target all woocommerce forms to show placeholder text only EXCEPT for the fields on form-edit-account that will not change no matter what I have tried (a LOT). I thought of copying that template to my child theme with changes but not sure of the correct method. Any help greatly appreciated - I am a copy-paster not a developer though.</p>
  
  <p>Snippet of code used in functions.php file:</p>
  
  <pre><code>    //placeholder text
      add_filter( 'woocommerce_form_field_args', 'custom_form_field_args',      10, 3 );
      function custom_form_field_args( $args, $key, $value ) { 
         if ( $args['id'] == 'billing_first_name' ) {
            $args['placeholder'] = 'FIRST NAME';
         } elseif ( $args['id'] == 'billing_last_name' ) {
             $args['placeholder'] = 'LAST NAME';
         } elseif ( $args['id'] == 'shipping_state' ) {
             $args['placeholder'] = 'State';
         } elseif ( $args['id'] == 'account_first_name' ) {
             $args['placeholder'] = 'FIRST NAME';
         } elseif ( $args['id'] == 'account_last_name' ) {
             $args['placeholder'] = 'LAST NAME';
         } elseif ( $args['id'] == 'account_email' ) {
             $args['placeholder'] = 'email';  
         } elseif ( $args['id'] == 'account_password_current' ) {
             $args['placeholder'] = 'password':
         } elseif ( $args['id'] == 'account_password_1' ) {
             $args['placeholder'] = 'new password';   
         } elseif ( $args['id'] == 'account_password_2' ) {
             $args['placeholder'] = 'confirm password';
         }
  
         return $args;
      };
  </code></pre>
  
  <p>and so on though each "shipping", "billing" and "account" id.</p>
  
  <p>The css used to hide the labels</p>
  
  <pre><code>    .woocommerce form .form-row label {
       position: absolute;
       width: 1px;
       height: 1px;
       padding: 0;
       margin: -1px;
       overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  </code></pre>
  
  <p>}</p>
  
  <p>The template can be found here <a href="https://github.com/woocommerce/woocommerce/blob/master/templates/myaccount/form-edit-account.php" rel="nofollow noreferrer">https://github.com/woocommerce/woocommerce/blob/master/templates/myaccount/form-edit-account.php</a></p>
  
  <p>I tested editing the template directly as follows (just to see if it would work, which it did) but not sure if that's the correct way to write it, and if so, should it just go in my child theme folder?
  Code as-is: </p>
  
  <pre><code>    &lt;p class="woocommerce-form-row woocommerce-form-row--first form-row form-row-first"&gt;
      &lt;label for="account_first_name"&gt;&lt;?php esc_html_e( 'First name', 'woocommerce' ); ?&gt; &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
      &lt;input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="account_first_name" id="account_first_name" value="&lt;?php echo esc_attr( $user-&gt;first_name ); ?&gt;" /&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>I inserted this on the input type line after id but is this the correct method? </p>
  
  <pre><code>    placeholder="First name"
  </code></pre>
  
  <p>Thank you!</p>