LoginSignup
1
4

More than 3 years have passed since last update.

HTML,PHPを使った簡単なゲーム感想投稿サイト コード

Posted at

他の学習と平行に進めていたのが遂に完成。初めてのポートフォリオ。これをもう少し改良して自分のホームページに載せたい。

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content ="text/html"  charset="utf-8"/>
  <title>ゲーム作品感想フォーム</title>
</head>

<body>
  <h2>好きなゲーム作品感想投稿サイト</h2>
  <form action ="formTest1.php" method ="post">


  ハンドルネーム:<br />
  <input type ="text" name ="name" size ="30" value=""/><br />

  メールアドレス:<br />
  <input type ="text" name ="mail" size ="40" value=""/><br />

  性別:<br />
  <input type ="radio" name ="sex" size="20" value="男性"/>男性<br />
  <input type ="radio" name ="sex" size="20" value="女性"/>女性<br />


 ハード:<br />

 <select name ="checkbox" row ="40">

   <option value ="ps4">PS4</option>
   <option value ="ps3">PS3</option>
   <option value ="switch">switch</option>
   <option value ="vita">Vita</option>
   <option value ="3ds">3ds</option>
   <option value ="その他">その他</option>

 </select> <br />

作品名:<br />
<input type ="text" name ="title" value=""><br />

ゲームの感想:<br />
<textarea  type = "text" name ="review" value =""/></textarea><br />

<input type ="submit" value="送信"/>

続いてPHPでの処理


<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content ="text/html"  charset="utf-8"/>
  <title>ゲーム作品感想フォーム</title>
</head>

<body>
  <h2>好きなゲーム作品感想投稿サイト</h2>
  <form action ="formTest2.php" method ="post">


<table border ='1'>
  <tr>
    <td>名前</td>
 <td><?php echo $_POST['name'] ?></td>
</tr>
<tr>
  <td>メールアドレス</td>
 <td><?php echo $_POST['mail']?></td>
</tr>
<tr>
  <td>性別</td>
 <td><?php echo $_POST['sex']?></td>
</tr>
<tr>
  <td>ハード</td>
  <td><?php echo $_POST['checkbox']?></td>
</tr>
<tr>
  <td>作品名</td>
 <td><?php echo $_POST['title']?></td>
</tr>
<tr>
  <td>ゲームの感想</td>
 <td><?php echo $_POST['review']?></td>
</tr>
</table>

<input type ="submit" value ="送信">
</form>
</body>
</html>

表示結果

Screenshot_2019-09-13 ゲーム作品感想フォーム.png

1
4
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
4