html - 隠しフィールド値から HTML フィールドにデータを入力する

Question

私は2つのフォームを持っています。最初のフォームでは、ユーザー名を非表示フィールドに配置したいと考えています。次に、2 番目のフォームで、そのユーザー名をユーザー名フィールドの値として使用します。

<form method="POST" name="form1" id="don_form1">
        userName:<input type="text" name="uname">
        Email:<input type="text" name="fname">
        password:<input type="password" name="fname">
        <input type="submit" name="submit_btn1" id="btn1"/>
</form>

<form method="POST" name="form2" id="don_form2">
        userName:<input type="text" name="uname">
        Age:<input type="text" name="fname">
        Country:<input type="text" name="fname">
        <input type="submit" name="submit_btn2" id="btn2"/>
</form>

したがって、2 番目のフォームでは、このフィールドは独自に入力する必要があるため、ユーザーにユーザー名を再度入力させたくありません。フォームは、Wordpress の 2 つの異なるページにあります。