【PHP】掲示板の機能の入力の値を正しい形でブラウザ上に表示させたい

現在、PHPを用いて掲示板機能の実装を行っております。
イメージとして名前と本文を入力し、投稿を行ったときに名前と本文を一つのセットとし一本線と一本線の間に名前と本文が表示されるようにチャレンジをしております。

しかし、画像のように名前で一つ、本文で一つになっており、その上名前と本文が意味不明な位置に表示されております。
試しに名前と本文に「テラテイル」(最新のものになります)と打ったら一番上と下になぜか２つも表示されてしまいました。

配列などを用いた方法や関数を変えてみたりと、どうしても機能いたしませんでした。
この場合はどのポイントが修正が必要になるでしょうか。
宜しくお願い致します。

<!DOCTYPE html>
<html>
<head>
	<meta lang="ja" charset="utf-8">
	<title>掲示板</title>
</head>
<body>
	<form action="index.php" method="post">
		名前<br><input type="text" name="name" size="20"><br>
		本文<br><textarea name="text" rows="4" cols="40"></textarea><br>
		<input type="submit" value="投稿する">
	</form>

</body>
</html>


<?php
	$x = file_get_contents('board');
	if (isset($_POST['name'])) {
	$x = htmlspecialchars($_POST['name']) . "<hr>$x";
	file_put_contents('board', $x);
	}

	$y = file_get_contents('board');
	if (isset($_POST['text'])) {
	$y = htmlspecialchars($_POST['text']) . "<hr>$y";
	file_put_contents('board', $y);
	}

	echo $x;
	echo $y;

 ?>

m.ts10806

2018/05/11 21:57

タグにPHPとあるのでタイトルにわざわざ入れる必要はありません。

行動規範の内容に同意します

回答1件

画像のように名前で一つ、本文で一つになっており、

名前で1回、本文で1回と書き足しているからだと思います。
例えば、以下のように書き足しを1回にまとめれば良いのではないでしょうか。

php
1<?php
2    $x = file_get_contents('board');
3
4    if (isset($_POST['name']) && isset($_POST['text'])) {
5        $x = '<span class="post-name">' . htmlspecialchars($_POST['name']) . '</span> <span class="post-text">' . htmlspecialchars($_POST['text']) . "</span><hr>$x";
6        file_put_contents('board', $x);
7    }
8
9    echo $x;
10?>

投稿2018/05/11 14:01

編集2018/05/11 15:45

Lulucom

総合スコア1899

rina0366

2018/05/11 14:22

実行した結果動作させることができました！ありがとうございます。ちなみにこちらですが、これからhtmlやcssでデザイン、コーディングをし、実際にTwitterや掲示板のように差別化をしたいと考えておりますが、同じ変数になっておりますが可能でしょうか？

Lulucom

2018/05/11 15:13

> 同じ変数になっておりますがすみません、ご質問の意味がわかりませんでした。具体的にはどういうでしょうか？

rina0366

2018/05/11 15:34

ご返答ありがとうございます。つまり名前も本文も$xなのでこれを例えばhtmlで骨組みを作ったり、例えば名前だけ本文とは違うシステムを構築したいとかそういうときに変更ができないのかと思ったのですが・・・

Lulucom

2018/05/12 01:18 編集

理解しました。少し勘違いしてましたので回答のコード例を修正しました。 HTMLのclass属性で区別できるようにしておき、classに対してCSSを適用すれば良いと思います。 CSSではデザインの適用先をセレクタで指定しますが、セレクタにはHTMLのタグ名、class、idの値などを利用します（PHPの変数は利用できません）。

行動規範の内容に同意します