Pagalbos su HTML

[LukXE]

Labas vakarėlis, taigi turiu menkute problemėlę ieškau internete sprendimo nieko nerandu nežinau kas negerai gal ieškot nemoku, taigi prie reikaliuko.
Pas manę čia navigacija daryta su onclick, kad paspaudus pasikeistu ne pats index.php į koki page2.php, o tiesiog ten page1, page2 nu ždž viskas viename butu ir man reikia, kad kažkaip, formos veiksmas butu perkeliamas ne į kažkokį ten text.php, o tiesiog užpildžius input ir paspaudus enter, mane perkeltu į mano page2  ir išgaučiau ten persikėlęs rašyta tekstą, nemoku geriau išaiškinti..
 

<div id="nav">
  <ul>
   <li><a href="#" onclick="return toggle('pg1')">PAGE1</a></li>
   <li><a href="#" onclick="return toggle('pg2')">PAGE2</a></li>
  </ul>
 </div>



<div id="pg1" class="pg"> <center><h5>PAGE1</h5></center>


<center><form action="" method="post">
 <input type="text" name="name">
</form>
</center>


</div>



<div id="pg2" class="pg"> <center><h5>PAGE2</h5></center>


<?php echo $_POST["name"]; ?>


</div>




<script type="text/javascript">
function toggle(IDS) {
  var sel = document.getElementById('pg').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) { 
    if (sel[i].id != IDS) { sel[i].style.display = 'none'; }
  }
  var status = document.getElementById(IDS).style.display;
  if (status == 'block') { document.getElementById(IDS).style.display = 'none'; }
                    else { document.getElementById(IDS).style.display = 'block'; }

  return false;
}
</script>