<!doctype html>
<html>
<head>
<title>HTML Form Get and Post via PHP - RJM Programming - February, 2017</title>
<script type='text/javascript'>
// Thanks to http://stackoverflow.com/questions/1208222/how-to-do-associative-array-hashing-in-javascript

//Object.yourProperty = value;

//An alternate syntax for the same is:

//Object["yourProperty"] = value;

var bc='lightblue';

<?php
foreach ($_POST as $name => $val) {
     echo "\n bc='yellow'; \n";
}
foreach ($_GET as $name => $val) {
     echo "\n if (bc == 'lightblue') bc='lightgreen'; \n";
     echo "\n if (bc == 'yellow') bc='orange'; \n";
}
?>


function more() {
  document.body.style.backgroundColor=bc;
  document.getElementById('myform').action=document.URL.split('#')[0];
}
</script>
<body onload='more();'>
<h1>HTML Form Get and Post via PHP</h1>
<h3>RJM Programming - February, 2017</h3>

<?php
foreach ($_POST as $name => $val) {
     echo "POST ... " . htmlspecialchars($name . ': ' . $val) . "<br>";
}
foreach ($_GET as $name => $val) {
     echo "GET ... " . htmlspecialchars($name . ': ' . $val) . "<br>";
}
?>

<form target='_self' id='myform' method='POST' action='./get_post.php'><br>
p0 <input type='text' name='p0' id='p0' value=''></input><br>
p1 <input type='text' name='p1' id='p1' value=''></input><br>
p2 <input type='text' name='p2' id='p2' value=''></input><br>
p3 <input type='text' name='p3' id='p3' value=''></input><br>
p4 <input type='text' name='p4' id='p4' value=''></input><br>
p5 <input type='text' name='p5' id='p5' value=''></input><br>
p6 <input type='text' name='p6' id='p6' value=''></input><br>
p7 <input type='text' name='p7' id='p7' value=''></input><br>
p8 <input type='text' name='p8' id='p8' value=''></input><br>
p9 <input type='text' name='p9' id='p9' value=''></input><br>
<input type='submit' value='Click to see results'></input>
</form>
</body>
</html>