投稿フォームの送信ボタンを押した時別の要素に出力させたい。

Question

前提・実現したいこと

投稿フォームの送信ボタンを押した時post-form__resultに要素を出力したい。

発生している問題・エラーメッセージ

投稿フォームの情報をpost-form__resultに出力したいのだが出力できない。

該当のソースコード

<div class="post-form__result">
	<h1 class="page-title"><?php the_title(); ?></h1>
	<ul>
		<li>
			<p>名前<?php echo $_POST['name']; ?></p>
		</li>
	</ul>
</div>


<div class="post-form">
	<h2 class="form-title">投稿フォーム</h2>
	<p><?php the_title(); ?></p>
	<form action="post-form__result" method="post">
		<label for="name">LINE</label>
		<input type="text" name="name" id="name">

		<label for="email">メールアドレス(必須)(情報公開されません)</label>
		<input type="email" name="email" id="email">

		<label for="url"></label>
		<input type="url" name="url" id="url">

		<label for="explanation"></label>
		<textarea name="explanation" id="explanation" cols="30" rows="10"></textarea>
		<label for="file"></label>
		<input type="file" name="file" id="file">
		<input type="button" value="送信">
	</form>
</div>

試したこと

ここに問題に対して試したことを記載してください。

nameと$_POSTの値を同じにしたが出力されなかった。

ここにより詳細な情報を記載してください。

Answer 1

formのactionにはクラス名を指定するのではなく、URLを指定します。

【フォームデータの送信 - ウェブ開発を学ぶ | MDN】
https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_and_retrieving_form_data#On_the_client_side_defining_how_to_send_the_data

action 属性は、どこにデータを送信するかを定義します。値は妥当な相対/絶対 URL でなければなりません。この属性が与えられなかった場合は、フォームが含まれているページの URL にデータが送信されます。