【PHP】MySQLにデータを保存するフォームを作成してみた

最終更新日 : 2021年12月15日

MySQLにデータを保存するフォームをPHPとHTMLで作成しました。

重複投稿防止の機能も追加しております。

参考にしていただけたら幸いです。

今回のテーマ

PHPを使ってMySQLにデータを追加する
HTMLでフォーム画面を作成する

当サイトではプログラミングやWebサイト運営に関する記事を毎日投稿しています。
他の記事も合わせて読んでいただけると嬉しいです。

フォーム入力画面 (input.php)
フォーム確認画面 (confirm.php)
送信完了画面 (submit.php)
まとめ：PHPを使ったフォームを作ろう！

フォーム入力画面 (input.php)

完成画面

<?php
function h($s){
  return htmlspecialchars($s, ENT_QUOTES, 'utf-8');
}
//前ページの情報を持ってくる
session_start();
$input_kind = $_GET['kind'];
$_SESSION['kind'] = $input_kind;
?>

<!DOCTYPE HTML>
<html lang ="ja">
<head>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8">
<title>ユーザー登録フォーム</title>
</head>
<style media="screen">
  p{
    margin:20px 0;
  }
  textarea{
    margin: auto;
   display: block;
   width: 100%;
   border-radius: 5px;
   font-size: 15px;
   margin-bottom: 3em;
  }
  .main_log{
    padding:20px 30px;
  }
</style>
<body id="log_body">
  <main class="main_log">
<form action="confirm.php" method="post" class="form_log">
  <h1>投稿フォーム</h1>
<table style="margin:0;">
<p class="input_kind">店名：<?php echo $input_kind; ?></p>

<tr><th>評価：</th>
<td>
<input type="radio" name="kata" value="1" id="one" checked><label for="one">1</label>
<input type="radio" name="kata" value="2" id="two"><label for="two">2</label>
<input type="radio" name="kata" value="3" id="three"><label for="three">3</label>
<input type="radio" name="kata" value="4" id="four"><label for="four">4</label>
<input type="radio" name="kata" value="5" id="five"><label for="five">5</label>

</td></tr>

</table>
<p>投稿文</p>
<textarea name="message" cols="50" rows="12"></textarea>

<input id="send" type="submit" value="送信する" class="log_button">
</form>
</main>
</body>
</html>

<?php

function h($s){

return htmlspecialchars($s, ENT_QUOTES, 'utf-8');

}

//前ページの情報を持ってくる

session_start();

$input_kind = $_GET['kind'];

$_SESSION['kind'] = $input_kind;

<!DOCTYPE HTML>

<head>

<title>ユーザー登録フォーム</title>

</head>

margin:20px 0;

}

textarea{

margin: auto;

display: block;

width: 100%;

border-radius: 5px;

font-size: 15px;

margin-bottom: 3em;

}

.main_log{

padding:20px 30px;

}

</style>

<h1>投稿フォーム</h1>

<td>

</td></tr>

</table>

</form>

</main>

</body>

</html>

・店名は1つ前のページのデータを持ってきています

・このページではHTMLベースなので実装は意外とカンタンでした

・デザインにはCSSライブラリを使用しています

フォーム確認画面 (confirm.php)

完成画面

<?php
// セッションの開始
session_start();

$star = $_POST['kata'];
$message = htmlspecialchars($_POST['message'], ENT_QUOTES, 'UTF-8');
$kind = $_SESSION['kind'];
$_SESSION['star'] = $star;
$_SESSION['message'] = $message;
?>
<!DOCTYPE HTML>
<html lang ="ja">
<head>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8">
<title>ユーザー登録フォーム</title>
</head>
<style media="screen">
  p,th{
    margin:20px 0;
    display: block;
  }
  .main_log{
    padding:20px 30px;
  }
</style>
<body id="log_body">
<main class="main_log">
<h1>投稿確認画面</h1>
<form action="submit.php" method="post">
<table>
<tr><th>ユーザー名： </th><td><?php echo substr($_SESSION['EMAIL'],0,strcspn($_SESSION['EMAIL'],'@')); ?> さん</td></tr>
<tr><th>店名：</th><td><?php echo $kind; ?></td></tr>
<tr><th>評価：</th><td><?php echo $star; ?></td></tr>
<tr><th>投稿文：</th><td><?php echo $message; ?></td></tr>
</table>
<a href="javascript:history.back()" class="fix">修正する</a>
<input id="send" type="submit" value="登録" class="log_button">
</form>
</main>
</body>
</html>

<?php

// セッションの開始

session_start();

$star = $_POST['kata'];

$message = htmlspecialchars($_POST['message'], ENT_QUOTES, 'UTF-8');

$kind = $_SESSION['kind'];

$_SESSION['star'] = $star;

$_SESSION['message'] = $message;

<!DOCTYPE HTML>

<head>

<title>ユーザー登録フォーム</title>

</head>

p,th{

margin:20px 0;

display: block;

}

.main_log{

padding:20px 30px;

}

</style>

<h1>投稿確認画面</h1>

<table>

<tr><th>ユーザー名： </th><td><?php echo substr($_SESSION['EMAIL'],0,strcspn($_SESSION['EMAIL'],'@')); ?> さん</td></tr>

</table>

</form>

</main>

</body>

</html>

・ここではPHPで前ページの入力データを持ってきています

・javascript:history.back()という一部分だけJavaScriptの構文が使われています。１つ前のページに戻るという意味です

・デザインにはCSSライブラリを使用しています

送信完了画面 (submit.php)

完成画面

<?php

// セッションの開始
session_start();

$id = time();
$kind = $_SESSION['kind'];
$star = $_SESSION['star'];
$message = htmlspecialchars($_SESSION['message'], ENT_QUOTES, 'UTF-8');
$userid = $_SESSION['EMAIL'];

//mysql接続
$dsn = 'mysql:dbname=データベース名;host=localhost';
$user = 'root';
$password = 'パスワード';
try{
    $dbh = new PDO($dsn, $user, $password);
}catch (PDOException $e){
    print('Error:'.$e->getMessage());
    die();
}
?>
<!DOCTYPE HTML>
<html lang ="ja">
<head>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8">
<title>投稿</title>
<style media="screen">
  p{
    margin:20px 0;
  }
  textarea{
    margin: auto;
   display: block;
   width: 100%;
   border-radius: 5px;
   font-size: 15px;
   margin-bottom: 3em;
  }
  .main_log{
    padding:20px 30px;
  }
  #log_body{
    background-color: #fff6e2;
  }
  .log_button{
    width: 45%;
  }
</style>
</head>
<body id="log_body">
<?php
$query = $dbh->query("SELECT COUNT(*) FROM formdata WHERE userid = '".$userid."' AND kind = '".$kind."'");
$count = $query->fetchColumn();
if ($count > 0){
?>
<p align="center">投稿が重複しています</p>
<p align="center"><a href="input.php?kind=<?php echo $kind;?>" class="log_button" width="45%">入力画面に戻る</a></p>
<?php
}else{
// データの追加
$sql = 'INSERT INTO formdata(id, kind, star, message, userid) VALUES("'.$id.'","'.$kind.'","'.$star.'","'.$message.'","'.$userid.'")';
$stmt = $dbh -> prepare($sql);
$stmt -> execute();
?>
<p align="center">投稿ありがとうございました。</p>
<p align="center"><a href="detail.php?kind=<?php echo $kind;?>" class="log_button" width="45%">店舗画面に戻る</a></p>

<?php
}
?>
<p align="center"><a href="top.php" class="log_button" width="45%">ホーム画面に戻る</a></p>
</body>
</html>

<?php

// セッションの開始

session_start();

$id = time();

$kind = $_SESSION['kind'];

$star = $_SESSION['star'];

$message = htmlspecialchars($_SESSION['message'], ENT_QUOTES, 'UTF-8');

$userid = $_SESSION['EMAIL'];

//mysql接続

$dsn = 'mysql:dbname=データベース名;host=localhost';

$user = 'root';

$password = 'パスワード';

try{

$dbh = new PDO($dsn, $user, $password);

}catch (PDOException $e){

print('Error:'.$e->getMessage());

die();

}

<!DOCTYPE HTML>

<head>

margin:20px 0;

}

textarea{

margin: auto;

display: block;

width: 100%;

border-radius: 5px;

font-size: 15px;

margin-bottom: 3em;

}

.main_log{

padding:20px 30px;

}

#log_body{

background-color: #fff6e2;

}

.log_button{

width: 45%;

}

</style>

</head>

<?php

$query = $dbh->query("SELECT COUNT(*) FROM formdata WHERE userid = '".$userid."' AND kind = '".$kind."'");

$count = $query->fetchColumn();

if ($count > 0){

<p align="center">投稿が重複しています</p>

<p align="center"><a href="input.php?kind=<?php echo $kind;?>" class="log_button" width="45%">入力画面に戻る</a></p>

<?php

}else{

// データの追加

$sql = 'INSERT INTO formdata(id, kind, star, message, userid) VALUES("'.$id.'","'.$kind.'","'.$star.'","'.$message.'","'.$userid.'")';

$stmt = $dbh -> prepare($sql);

$stmt -> execute();

<p align="center">投稿ありがとうございました。</p>

<p align="center"><a href="detail.php?kind=<?php echo $kind;?>" class="log_button" width="45%">店舗画面に戻る</a></p>

<?php

}

<p align="center"><a href="top.php" class="log_button" width="45%">ホーム画面に戻る</a></p>

</body>

</html>

styleタグのCSSコードが長くなってしまっていますがそこはお許しを笑

//mysql接続 
$dsn = 'mysql:dbname=データベース名;host=localhost'; 
$user = 'root'; 
$password = 'パスワード'; 
try{ 
        $dbh = new PDO($dsn, $user, $password); 
}catch (PDOException $e){ 
        print('Error:'.$e->getMessage()); 
        die();
}

//mysql接続

$dsn = 'mysql:dbname=データベース名;host=localhost';

$user = 'root';

$password = 'パスワード';

try{

$dbh = new PDO($dsn, $user, $password);

}catch (PDOException $e){

print('Error:'.$e->getMessage());

die();

}

ここではMySQLのデータベースと接続しています。
データベース名やパスワードはご自分の条件に合った言葉を入れましょう。

<?php
$query = $dbh->query("SELECT COUNT(*) FROM formdata WHERE userid = '".$userid."' AND kind = '".$kind."'"); 
$count = $query->fetchColumn(); 
if ($count > 0){ 
?>

<?php

$query = $dbh->query("SELECT COUNT(*) FROM formdata WHERE userid = '".$userid."' AND kind = '".$kind."'");

$count = $query->fetchColumn();

if ($count > 0){

ここでは重複確認を行っています。

formdataというデータテーブルの中の
useridが入力されたuseridと同じ
かつ
kindが入力されたkindと同じ

の条件に当てはまる件数をSELECT COUNTで数えています。

件数が０よりも多かった時は重複といえるので然るべき処理を書きます。

$sql = 'INSERT INTO formdata(id, kind, star, message, userid) VALUES("'.$id.'","'.$kind.'","'.$star.'","'.$message.'","'.$userid.'")';
$stmt = $dbh -> prepare($sql);
$stmt -> execute();

$sql = 'INSERT INTO formdata(id, kind, star, message, userid) VALUES("'.$id.'","'.$kind.'","'.$star.'","'.$message.'","'.$userid.'")';

$stmt = $dbh -> prepare($sql);

$stmt -> execute();

ここでは重複ではなかった場合の処理、つまりMySQLデータベースにデータを追加しています。

MySQLにデータを追加する時はINSERT INTOの文章を使います。

まとめ：PHPを使ったフォームを作ろう！

PHPではフォームを使って重複防止機能やMySQLへのデータ追加機能を実装できます。

みなさんもぜひ実装してみてください！

なお、MySQLなどのデータベースを用いたコードを実装するにはVPSサーバー構築や専用ドメインを取得する必要があります。

私は普段VPSサーバーはさくらのVPSを、専用ドメインはお名前.com愛用しています。

よかったら下のリンクからご利用してみてください！

PHPの学習でつまづいた時、独学に限界を感じた時はこちらの記事もオススメです。

: PHPが学べるプログラミングスクールおすすめ8選！無料のスクールも解説
PHPを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... PHPを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...
続きを見る

: 【2023年最新版】SQLが学べるプログラミングスクールおすすめ８選
SQLを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... SQLを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクールでプロ講師から ...
続きを見る

: 【2023年最新版】HTML/CSSが学べるプログラミングスクールおすすめ10選
HTML/CSSを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... HTML/CSSを学びたいけどまず何から始めたら良いのか分からない...プログラミングス ...
続きを見る

: 無料体験があるプログラミングスクールおすすめ10選を解説
プログラミングスクールって思ったより高いからなかなか決められない... 無料体験に対応しているスクールを知りたい！せっかくプログラミングスクールに入るなら、無料体験に参加して自分に合うスクールを選択 ...
続きを見る

wagtechblog

本サイトの運営者・管理人。慶應義塾大学環境情報学部生兼フリーランスとしてiOSアプリ開発、Web開発、Webメディア運営、SEOマーケティング等を行う。IT人材系のベンチャー企業でiOSエンジニア、Web系メガベンチャー企業でWebアプリケーションエンジニア、士業のスタートアップ企業でフロントエンドエンジニア、Web系メガベンチャー企業でプロダクトマネージャー兼SEOディレクター、ゲーム系のスタートアップ企業で技術責任者(CTO)、学生向けプログラミングスクールで講師の勤務経験あり(インターンを含む)。好きなプログラミング言語はSwiftとPythonとPHPとRubyとJavaScript。侍エンジニア塾元受講生。趣味はApex Legendsとゲーミングデバイス集め。
保有資格：ITパスポート / 基本情報技術者試験 / TOEIC730点 / 日商簿記3級

-HTML, PHP

合わせて読みたい：関連記事はこちら

: PHPでMySQLを操作する時の文法をまとめて解説
今回はPHPでよく使う表現をご紹介します。データベース操作やウェブアプリケーション作成に役立ててください！目次PHPでMySQLにPDO接続する方法PHPでMySQLのデータを取得して操作する方法 ...
PHP

: PHPとPythonはどっちがおすすめ？【違いを徹底比較】
PHPとPythonだったらどっちを使えば良いのかな？両方の特徴や違いを詳しく知りたい！今回はこんな疑問にお答えしていきます。エンジニアを目指す人が最初に抱える悩みの1つに「プログラミング言語選び ...
PHP Python

: PHPのおすすめ本・参考書12選をご紹介【レベル別・フレームワーク別で解説】
PHPを独学で勉強したい！なにか良い本は無いかな？ PHPのWebアプリケーション開発で挫折した...自分のレベルに合った参考書を知りたい！今回はこんな悩みを解決していきます。 PHPなどのプログラ ...
PHP

: 【2023年最新版】HTML/CSSが学べるプログラミングスクールおすすめ10選
HTML/CSSを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... HTML/CSSを学びたいけどまず何から始めたら良いのか分からない...プログラミングス ...
HTML プログラミングスクール

: CodeCampのWebマスターコースってどうなの？【特徴や料金を徹底解説】
CodeCampのWebマスターコースってどうなの？特徴や料金、評判について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリーランスや ...
CodeCamp PHP

: HTMLとJavaScriptで地図を表示させる方法【OpenStreetMap】
HTMLとJavaScriptで、ウェブサイトにマップを表示させたいと考えたことはありませんか？実はウェブサイト内にマップを表示させるのは非常に簡単です。そこで今回は実際にOpenStreetMa ...
HTML JavaScript

: PHPで会員登録＆ログイン機能を作成してみた
PHPを使って会員登録機能とログイン機能を実装しました。重複登録防止の機能も追加しております。参考にしていただけたら幸いです。今回のテーマ PHPとMySQLを使って会員登録機能を実装 PHPと ...
HTML PHP

: RaiseTech(レイズテック)のWordPress副業コースの評判・口コミ【料金や特徴を解説】
RaiseTech(レイズテック)のWordPress副業コースってどうなの？特徴や料金、評判や稼ぎ方について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激 ...
PHP RaiseTech

: Ruby on RailsとLaravelはどっちがおすすめ？【違いを徹底比較】
Ruby on RailsとLaravelだったらどっちを使えば良いのかな？両方の特徴や違いを詳しく知りたい！今回はこんな疑問にお答えしていきます。エンジニアにとってWebサービスの開発に欠かせな ...
PHP Ruby

: テックアカデミーのはじめてのプログラミングコースの評判・口コミ【料金や特徴をご紹介】
テックアカデミーのはじめてのプログラミングコースって稼げる？特徴や料金、評判について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリー ...
HTML TechAcademy

: デイトラのWeb制作コースの評判・口コミ【副業や転職の稼ぎ方も解説】
デイトラのWeb制作コースの評判って悪い？口コミや稼ぎ方について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリーランスや転職といった ...
PHP デイトラ

: CakePHPとLaravelはどっちがおすすめ？【違いを徹底比較】
CakePHPとLaravelだったらどっちを使えば良いのかな？両方の特徴や違いを詳しく知りたい！今回はこんな疑問にお答えしていきます。エンジニアにとってWebサービスの開発に欠かせないのが「We ...
PHP

: テックアカデミーのPHP/Laravelコースの評判・口コミ【特徴や料金もご紹介】
テックアカデミーのPHP/Laravelコースって稼げる？特徴や料金、評判について詳しく知りたい！今回はこんな悩みを解決していきます。ここ最近プログラミングの需要は急激に高まってきており、フリーラ ...
PHP TechAcademy

: 【JavaScript】入力した文字を先頭から１文字ずつ表示させる方法
今回はHTMLとJavaScriptを使って「入力した文字を先頭から１文字ずつ表示させる方法」をご紹介していきます。文章だと分かりにくいので画像で図解すると次のようになります。 https://te ...
HTML JavaScript

: Laravelが学べるプログラミングスクールおすすめ7選を解説
Laravelを学習して挫折したからプログラミングスクールに入塾したい！でもどのスクールが良いんだろう... Laravelを学びたいけどまず何から始めたら良いのか分からない...プログラミングスクー ...
PHP プログラミングスクール

【PHP】MySQLにデータを保存するフォームを作成してみた

フォーム入力画面 (input.php)

フォーム確認画面 (confirm.php)

送信完了画面 (submit.php)

まとめ：PHPを使ったフォームを作ろう！

PHPが学べるプログラミングスクールおすすめ8選！無料のスクールも解説

【2023年最新版】SQLが学べるプログラミングスクールおすすめ８選

【2023年最新版】HTML/CSSが学べるプログラミングスクールおすすめ10選

無料体験があるプログラミングスクールおすすめ10選を解説

【2023年最新版】プログラミングスクールおすすめ比較ランキング22選

【最大56万円】教育訓練給付制度(給付金)を利用できるプログラミングスクール8選

【2023年最新】無料のプログラミングスクール6選をご紹介

【厳選】転職支援に強いプログラミングスクール9選をご紹介

【厳選】転職保証に対応しているプログラミングスクール一覧

プログラミングスクールの料金相場を徹底比較！コスパが良いスクールも解説

プログラミングスクール卒業後の就職先【年収や企業例を紹介】