<!DOCTYPE html>
<body >
<!-- target="_blank" 在另一個視窗開啟 
<form name="parameters" method="post" action="ex_form_parameter2.html" target="_blank">
但是debug 需要其他輔助工具 web sniffer ?
如果要測試php,直接安裝WAMP
-->
<form name="parameters" method="GET" action="ex_form_parameter2.html" >

      <p> Login: 
        <input type="text" name="login" value="me">
      </p>
      <p> Password: 
        <input type="text" name="password" value="123">
      </p>
      <p> 
        <input type="submit" name="submit" value="Send data">
      </p>
    </form>
</body>
<!DOCTYPE html>
<body>
<h2>Received: </h2>
<p><b>login: </b> <span id="log" ></span></p>
<p><b>Password: </b><span id="pass"></span></p>
    
<p>&nbsp;</p>

<script language="JavaScript">

	function addComment()
	{
        //console.log(location.toString());
		var parameters = location.search.substring(1).split("&");
        if(parameters == ""){
		document.getElementById("log").innerHTML = "nothing";
		document.getElementById("pass").innerHTML = "nothing";
		
		}
		else {
		var temp = parameters[0].split("=");
		l = unescape(temp[1]);

		temp = parameters[1].split("=");
		c = unescape(temp[1]);

		document.getElementById("log").innerHTML = l;
		document.getElementById("pass").innerHTML = c;
		}
	}
addComment();

</script>

<form method="get" action="ex_form_parameter1.html">
  <input type="submit" name="submit" value="Return">
</form>

<form action="ex_form_parameter1.html">
  <input type="hidden" name="varname" value="12345" />
  <input type="submit" value="Send data">
</form>

</body>