<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>送信元のHTML</title>
<style>
form,p {
margin: 1em;
border: solid 1px #a4a4a4;
padding: 1em;
border-radius: 10px;
}
</style>
</head>
<body>
<h3>リンクを用いた遷移</h3>
<p>
<a href="./receive.html?username=太郎">「太郎」で遷移する</a>
</p>
<h3>フォームを用いた遷移</h3>
<form action="./receive.html" method="GET">
<div>好きな名前を入力して送信してください</div>
<input type="text" name="username">
<input type="submit" value="送信">
</form>
<script>
var name = prompt("名前を入力してください");
document.write(name);
window.location.href = "./receive.html?username="+name;
</script>
</body>
</html>
