How to add a description to the user name input field in the registration form?

Question

I want a description under the user name input field in the Wordpress registration form like in the next example. How can I do this?

//create an extra field in login page for invitation code
add_action( 'register_form', 'add_invitation_code_field' );

function add_invitation_code_field() {
   ?>
      <p>
         <label for="invitation_code">
            Invitation code
            <input id="invitation_code" class="input" type="text" size="20" value="" name="invitation_code"/>
            <span class="description"><?php _e("Description text"); ?></span>
         </label>
      </p>
   <?php
}

Answer 1

OK, that's possible using JavaScript (jQuery lib). Code -

// load jquery on login screen if not loaded already
add_action( 'login_enqueue_scripts', 'wpse_login_head' );
function wpse_login_head(){
    wp_enqueue_script('jquery');
}

add_action( 'register_form', 'wpse_register_form' );
function wpse_register_form(){ ?>

    <!-- we have used an unique id for the description tag -->
    <span id="user_login_description" style=" display:none;" class="description"><?php _e("Description text"); ?></span>

    <!-- the following line of code move the description after the username input -->
    <script type="text/javascript">jQuery('#user_login_description').appendTo('#registerform p:nth-child(1) label').show();</script>
   <?php
}