Webアプリ開発入門 PHP+MySQL編1:フォームでメッセージを投稿

#05:フォームでメッセージを投稿

<html>
<body>

<form action="#">
	<label>投稿内容</label>
	<!-- ###ここにinput要素を追加### -->

	<!-- ###ここにbutton要素を追加### -->

</form>

</body>
</html>

<html>
<body>

<?php
if (isset($_POST["content"])) {
	$content = $_POST["content"];
}
else {
	$content = "なし";
}
echo "投稿内容を受信:" . $content;

?>

<!-- ###次の行を修正### -->
<form action="#" >
	<label>投稿内容</label>
	<input type="text" name="content">
	<button type="submit">送信</button>
</form>

</body>
</html>

<html>
<body>

<?php
if (isset($_POST["content"])) {
	$content = "###ここを修正###";
}
else {
	$content = "なし";
}
echo "投稿内容を受信:" . $content;
?>

<form action="bbs.php" method="post">
	<label>投稿内容</label>
	<input type="text" name="content">
	<button type="submit">送信</button>
</form>

</body>
</html>

この動画を見るにはpaiza会員登録のうえ
有料会員登録が必要です

無料会員登録して始める

★ 実技1
★ 実技2
★ 実技3

実技課題「フォームを設置する」

右側のbbs.phpファイルでフォームを作ろうとしています。
このファイルを以下のように修正してください。

・フォームに、「input」タグを追加する。
・フォームに、「button」タグを追加して、「送信」と表示する。

ただし、フォームのボタンを押して、データを送信する必要はありません。

採点して、すべてのジャッジに正解すれば、演習課題クリアです！

実技課題「フォームでPOSTする」

右側のbbs.phpファイルは、投稿内容欄のデータを送信して表示しようとしています。
このファイルを以下のように修正してください。

・フォームタグの「action」属性の値を「bbs.php」とする。
・フォームタグに「method」属性を追加して、値を「post」とする。

採点して、すべてのジャッジに正解すれば、演習課題クリアです！

実技課題「フォームでPOSTした結果を表示する」

右側のbbs.phpファイルは、投稿内容欄のデータを送信して表示しようとしています。
このファイルを以下のように修正してください。

・$_POST["content"]の中身が存在すれば、その内容を表示する。

採点して、すべてのジャッジに正解すれば、演習課題クリアです！

ここでは、掲示板の投稿フォームを作ります。そのために、フォームの仕組みと作り方を学習しましょう。今回は、メッセージをサーバーで受信するところまでやってみます。

作成コード

このチャプターで作成した、bbs.phpのコードです。
https://paiza-webapp.s3.amazonaws.com/files/learning/webapp_php_sql/bbs_chap05.php

参考になるWebページ

ウェブアプリケーション - Wikipedia
https://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3

LAMP (ソフトウェアバンドル) - Wikipedia
https://ja.wikipedia.org/wiki/LAMP_(%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E3%83%90%E3%83%B3%E3%83%89%E3%83%AB)

HTML/CSS入門 - paiza動画ラーニング
https://paiza.jp/works/html/primer

DB/SQL入門 - paiza動画ラーニング
https://paiza.jp/works/sql/primer

有料プランで現役エンジニアに相談可能！

プログラミング学習 > Webアプリ開発入門 PHP+MySQL編 > Webアプリ開発入門 PHP+MySQL編1: 掲示板を作ろう > フォームでメッセージを投稿

コード判定結果

実技課題 「フォームを設置する」

実技課題 「フォームでPOSTする」

実技課題 「フォームでPOSTした結果を表示する」

作成コード

参考になるWebページ

実技課題「フォームを設置する」

実技課題「フォームでPOSTする」

実技課題「フォームでPOSTした結果を表示する」