title: how to view registration form data after clicking signup button
body: <p>hii guys i have a code that consists of login and registration forms as a tabs when we clicked on either ones it goes on to that respective form but now I want to change it a bit by removing the Register tab and adding it as a signup button beside login button and in the register page i want to add login button when i click it its goes to login form vice-versa..</p>
  
  <p>PS:- I am new to HTML and Bootstrap and i want this to be done in pure HTML r Bootstrap</p>
  
  <p>here is the code of signup.html</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-12 col-md-offset-3"&gt;
        &lt;div class="panel panel-login"&gt;
          &lt;div class="panel-heading"&gt;
            &lt;ul class="nav nav-tabs" id="myTab" role="tablist"&gt;
              &lt;li class="nav-item"&gt;
                &lt;a class="nav-link active" id="login-tab" data-toggle="tab" href="#login-form" role="tab" aria-controls="login" aria-selected="true"&gt;Login&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="nav-item"&gt;
                &lt;a class="nav-link" id="register-tab" data-toggle="tab" href="#register-form" role="tab" aria-controls="register" aria-selected="false"&gt;Register&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
            &lt;hr&gt;
          &lt;/div&gt;
          &lt;div class="panel-body"&gt;
            &lt;div class="row"&gt;
              &lt;div class="col-lg-12"&gt;
                &lt;div class="tab-content" id="myTabContent"&gt;
                  &lt;form id="login-form" class="tab-pane  show active" role="tabpanel" aria-labelledby="login-tab" action="#" method="post" role="form" &gt;
                    &lt;div class="form-group"&gt;
                      &lt;input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group text-center"&gt;
                      &lt;input type="checkbox" tabindex="3" class="" name="remember" id="remember"&gt;
                      &lt;label for="remember"&gt; Remember Me&lt;/label&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;div class="row"&gt;
                        &lt;div class="col-sm-12 col-md-6"&gt;
                          &lt;input type="submit" name="login-submit" id="login-submit" tabindex="4" class="form-control btn btn-login" value="Log In"&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;div class="row"&gt;
                        &lt;div class="col-lg-12"&gt;
                          &lt;div class="text-center"&gt;
                            &lt;a href="#" tabindex="5" class="forgot-password"&gt;Forgot Password?&lt;/a&gt;
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-md-12 col-sm-12"&gt;
                      &lt;div class="row logs"&gt;
                        &lt;button class="loginBtn loginBtn--google" (click)="signInGoogle()" &gt;Login with Google&lt;/button&gt;
                        &lt;button class="loginBtn loginBtn--facebook" (click)="signInFacebook()" &gt;Login with Facebook&lt;/button&gt;
                        &lt;button class="loginBtn btn-linkedin" (click)="signInLinkedin()"&gt;
                          &lt;span class="fa fa-linkedin"&gt;&lt;/span&gt;
                          &lt;span class="linkedtext"&gt;Login with LinkedIn&lt;/span&gt;
                        &lt;/button&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/form&gt;
                  &lt;form id="register-form" class=" fade tab-pane " action="#" method="post" role="form" &gt;
                    &lt;div class="form-group"&gt;
                      &lt;input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Username" value=""&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;input type="email" name="email" id="email" tabindex="1" class="form-control" placeholder="Email Address" value=""&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;input type="password" name="password" id="password" tabindex="2" class="form-control" placeholder="Password"&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;input type="password" name="confirm-password" id="confirm-password" tabindex="2" class="form-control" placeholder="Confirm Password"&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;div class="row"&gt;
                        &lt;div class="col-sm-12 col-md-6 col-sm-offset-3"&gt;
                          &lt;input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now"&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/form&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried many ways to do it but I couldn't come up.. if there is anyother way to do it please let me know thanks.</p>