How do I link the register button type to a different blank page with all the information that was on the sign up page?

This forum is a place to discuss questions about coding in the PHP programming language.
Post Reply
User avatar
PaBlo
New User
Posts: 3
Joined: 23 Aug 2018, 11:52

How do I link the register button type to a different blank page with all the information that was on the sign up page?

Post by PaBlo » 02 Apr 2019, 09:43

How do I link the register button type to a different blank page with all the information that was on the sign up page?
And how do I make the information that users put in that sign up page also be in the new profile page(transferring information and data between pages)?

This is the whole code of my register.php (sign up page):

<!doctype html>
<html lang="en">
<!-- Documentation: http://getbootstrap.com/docs/4.1/gettin ... roduction/ -->
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/boot ... ap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

<title>Hello, world!</title>
</head>

<!-- keep your content within body opening and closing tags -->
<body>

<?php
include('header.php');
?>

<div class="container my-3"> <!-- open container -->

<div class="alert alert-info" role="alert">
<p> <strong>Thank you</strong> for registering.</p>
<p>New regsitrations need to approved by a moderator, so please be patient.</p>
</div>

<!-- this is where the tabs are defined -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Personal Info</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile Info</a>
</li>
</ul>


<form action="register_process.php" method="post">

<div class="tab-content" id="myTabContent">



<!-- ================================================================== -->
<!-- first tab starts below -->
<!-- ================================================================== -->
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">

<br>

<div class="form-group">
<label for="exampleInputUserName">Username</label>
<input type="text" name="username" class="form-control" id="exampleInputUserName" aria-describedby="userNameHelp" placeholder="Please enter a Username">
<small id="usernameHelp" class="form-text text-muted">Please write a username that you want people to adress you as.</small>
</div>

<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" name="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Please enter your email address">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else. You can later set up this email to contact frineds within the website if desired.</small>
</div>

<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="Please enter a password">
<small id="passwordHelp" class="form-text text-muted">Don't give out your password to anyone.</small>
</div>

<div class="form-group">
<label for="exampleInputPassword1">Rewrite Password</label>
<input type="password" name="rewritepassword" class="form-control" id="exampleInputPassword1" placeholder="Please enter a password">
<small id="rewritepasswordHelp" class="form-text text-muted">Retype Password. Make sure it is the same one!</small>
</div>



</div> <!-- this closes the first tab content -->

<!-- ================================================================== -->
<!-- first tab ENDS -->
<!-- ================================================================== -->


<!-- ================================================================== -->
<!-- second tab starts below -->
<!-- ================================================================== -->
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">

<br>

<div class="form-group" style="width: 10rem" > <!-- First -->
<label for="exampleInputAge1">Age</label>
<select class="custom-select" required>
<option class="m-3" value="">Enter your age</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
<option value="60">60</option>
<option value="61">61</option>
<option value="62">62</option>
<option value="63">63</option>
<option value="64">64</option>
<option value="65">65</option>
<option value="66">66</option>
<option value="67">67</option>
<option value="68">68</option>
<option value="69">69</option>
<option value="70">70</option>
<option value="71">71</option>
<option value="72">72</option>
<option value="73">73</option>
<option value="74">74</option>
<option value="75">75</option>
<option value="76">76</option>
<option value="77">77</option>
<option value="78">78</option>
<option value="79">79</option>
<option value="80">80</option>
<option value="81">81</option>
<option value="82">82</option>
<option value="83">83</option>
<option value="84">84</option>
<option value="85">85</option>
<option value="86">86</option>
<option value="87">87</option>
<option value="88">88</option>
<option value="89">89</option>
<option value="90">90</option>
<option value="91">91</option>
<option value="92">92</option>
<option value="93">93</option>
<option value="94">94</option>
<option value="95">95</option>
<option value="96">96</option>
<option value="97">97</option>
<option value="98">98</option>
<option value="99">99</option>
<option value="100">100</option>

</select>
<div class="invalid-feedback">Example invalid custom select feedback</div>
</div> <!-- First -->

<br>

<div class="card">
<div class="card-body">

<p>Games you like</p>
<div class="form-check form-check-inline"> <!-- Second -->
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
<label class="form-check-label" for="inlineCheckbox1">Fortnite</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">P.U.B.G</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Overwatch</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">GTA V</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Minecraft</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Call of Duty</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">CS:GO</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Assasin's Creed II</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">NBA 2K19</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">League of Legends (LoL)</label>
</div> <!-- Second -->

</div>
</div>

<br>
<br>

<div class="card">
<div class="card-body">

<p>Games you currently play</p>

<div class="form-check form-check-inline"> <!-- Third -->
<input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
<label class="form-check-label" for="inlineCheckbox1">Fortnite</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">P.U.B.G</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Overwatch</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">GTA V</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Minecraft</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Call of Duty</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">CS:GO</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">Assasin's Creed II</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">NBA 2K19</label>
</div>

<div class="form-check form-check-inline">
<input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
<label class="form-check-label" for="inlineCheckbox2">League of Legends (LoL)</label>
</div> <!-- Third -->

</div>
</div>

<br>
<br>

<div class="card"> <!-- Fourth -->
<div class="card-body">

<label for="exampleFormControlSelect1">How often do you play video games?</label>
<select class="form-control" id="exampleFormControlSelect1">
<option class="m-3" value="">Please specify how often you play</option>
<option>Barely, Whenever my parents let me</option>
<option>Every weekend I play at least twice</option>
<option>I tend to play a lot in weekends and sometimes during week days</option>
<option>I play ever weekend and most of the time I also play on week days</option>
<option>I play every day of the week</option>
</select>

</div>
</div> <!-- Fourth -->

<br>
<br>

<div class="form-group"> <!-- Fifth -->
<label for="exampleFormControlTextarea1">Describe your overall game skill level</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div> <!-- Fifth -->

<br>

<div class="card"> <!-- Sixth -->
<div class="card-body">

<label for="exampleFormControlSelect1">Favorite Game of All Time</label>
<select class="form-control" id="exampleFormControlSelect1">
<option class="m-3" value="">Please choose your favorite game</option>
<option>Fortnite</option>
<option>Assasin's Creed</option>
<option>League of Legends</option>
<option>World of Warcraft</option>
<option>Call of Duty</option>
<option>CS:GO</option>
<option>Minecraft</option>
<option>GTA V</option>
<option>P.U.B.G</option>
<option>Overwatch</option>
<option>The Legend of Zelda</option>
<option>Skyrim</option>
<option>FIFA</option>
<option>NBA 2K</option>
<option>NBA live</option>
<option>Halo</option>
<option>Doom</option>
<option>Dark Souls</option>
<option>The last of Us</option>
<option>Resident Evil</option>
<option>Fallout</option>
<option>The Sims</option>
<option>Battlefield</option>
<option>Super Smash Bros</option>
<option>Final Fantasy</option>
<option>SimCity</option>
<option>Pokemon(DS)</option>
<option>Pokemon GO</option>
<option>Super Mario World</option>
</select>

</div>
</div> <!-- Sixth -->

<br>
<br>

<div class="card"> <!-- Seventh -->
<div class="card-body">

<label for="exampleFormControlSelect1">Choose one game that you currently play the most</label>
<select class="form-control" id="exampleFormControlSelect1">
<option class="m-3" value="">Please choose your most played game</option>
<option>Fortnite</option>
<option>Assasin's Creed</option>
<option>League of Legends</option>
<option>World of Warcraft</option>
<option>Call of Duty</option>
<option>CS:GO</option>
<option>Minecraft</option>
<option>GTA V</option>
<option>Apex Legends</option>
<option>P.U.B.G</option>
<option>Overwatch</option>
<option>The Legend of Zelda</option>
<option>Skyrim</option>
<option>FIFA</option>
<option>NBA 2K</option>
<option>NBA live</option>
<option>Halo</option>
<option>Doom</option>
<option>Dark Souls</option>
<option>The last of Us</option>
<option>Resident Evil</option>
<option>Fallout</option>
<option>The Sims</option>
<option>Battlefield</option>
<option>Super Smash Bros</option>
<option>Final Fantasy</option>
<option>SimCity</option>
<option>Pokemon(DS)</option>
<option>Pokemon GO</option>
<option>Super Mario World</option>
</select>

</div>
</div> <!-- Seventh -->

<br>
<br>

<div class="form-group"> <!-- Eighth -->
<label for="exampleFormControlTextarea1">Describe your skill level on the game that you just choose</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div> <!-- Eighth -->

<br>
<br>

<div class="card"> <!-- Nineth -->
<div class="card-body">

<label for="exampleFormControlSelect1">Why do you play the game that you choose?</label>
<select class="form-control" id="exampleFormControlSelect1">
<option class="m-3" value="">Please specify why you play games</option>
<option>Because I have nothing to do and it is the only game I have</option>
<option>I find it an interesting game and I like playing games</option>
<option>Because I like the game and have fun playing it</option>
<option>Because it is the best game ever and it is so fun to play</option>
<option>Because I like to get better at it and like to play with friends</option>
</select>

</div>
</div> <!-- Nineth -->

<br>
<br>

<div class="form-group"> <!-- Tenth -->
<label for="exampleFormControlTextarea1">What are you looking for in a video game friend?</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div> <!-- Tenth -->

<br>
<br>




<a href=""><button type="button" class="btn btn-success">Register</button></a>

</div> <!-- this closes the second tab -->
<!-- ================================================================== -->
<!-- second tab ENDS -->
<!-- ================================================================== -->


</div> <!-- close container -->

</form>



<!-- Please don't touch anything below this line -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ ... per.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/boot ... rap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>

<?php
include('footer.php');
?>

</html>
0 x

Post Reply