formタグから送られた情報を出力し写真投稿ページみたいなものを作りたい。

前提・実現したいこと

①formタグに入力された画像をボタンを押した時post-form__resultの中のimgに出力したい
②一度出力したら消えないでそのページにずっと残るようにしたい。
③投稿フォームのボタンが押されたらpost-form__resultに出力して別の情報を入力してボタンを押したら前の情報はみぎにスライドして開いたところに新しい情報が出力されるようにしたい。
例：写真みたいな感じ
どれか一つでもいいので教えて欲しいです。

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

やり方を調べてみたがどれも詳しく解説されてなかった。

該当のソースコード

php
1<div class="post-form__result">
2	<h1 class="page-title"><?php the_title(); ?></h1>
3	<ul>
4		<li>
5			<p><?php echo $_POST["name"]; ?></p>
6			<p><?php echo $_POST["explanation"]; ?></p>
7			<p><a href="<?php echo get_template_directory_uri(); ?>"><?php echo $_POST["url"];?></a></p>
8			<p><img src="<?php echo $_POST["file"]; ?>" alt=""></p>
9		</li>
10	</ul>
11</div>
12
13
14
15<div class="post-form">
16	<h2 class="form-title">投稿フォーム</h2>
17	<p><?php the_title(); ?></p>
18	<form action="" method="POST"  enctype="multipart/form-data">
19		<label for="name"></label>
20		<input type="text" name="name" id="name">
21
22		<label for="email">メール</label>
23		<input type="email" name="email" id="email">
24
25		<label for="url">URL</label>
26		<input type="url" name="url" id="url">
27
28		<label for="explanation"></label>
29		<textarea name="explanation" id="explanation" cols="30" rows="10"></textarea>
30		<label for="file">画像</label>
31		<input type="file" name="file" id="file">
32		<input type="submit" value="送信">
33	</form>