1	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
投稿機能をつくろう  
HTMLとPHPの連携
2	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
処理理の流流れ
情報を⼊入⼒力力する1 2 3
HTML
HTMLから情報をもらう
&SQLを実⾏行行する
情報を登録する
PHP SQL
3	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
HTMLとPHPの連携(1/3)
l ゴールイメージ
- ⼊入⼒力力されたツイート内容を表⽰示する
⼊入⼒力力画⾯面 完了了画⾯面
HTML
⽂文字を⼊入⼒力力してボタンを
押すと投稿内容が反映される
4	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
HTMLとPHPの連携(2/3)
l まずは⼊入⼒力力欄を作成しよう
投稿内容を入力してください。
<form action =”post.php” method=”get”>
<textarea name=”memo”>
</textarea>
<input type=”submit”
value=”投稿送信”>
</form>
HTML
actionには次に実⾏行行したい
phpのファイルを記述する。
methodにはGETとPOST
が存在する
textareaに名称(name)を  
つける。(名前は任意)
復復習
5	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
HTMLとPHPの連携(3/3)
l PHPで内容を受け取ろう(post.php)
投稿が完了しました。
<?php
echo $_GET[”memo”];
?>
HTMLからデータを受け取るとき
(GET形式の場合)
$_GET[”HTMLで指定したname”]
6	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
HTMLとPHPの連携(おまけ)
l PHPで内容を受け取ろう(post.php)
投稿が完了しました。
<?php
echo $_GET[”memo”];
echo ”<br>” ;
echo $_GET[”nickname”];
?>
ダブルクォーテーションで
囲むとHTMLを書くことができる。
7	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
お疲れ様でした!!

Php s3

  • 1.
    1 Copyright (c) 株式会社HEARTQUAKE All rights reserved . 投稿機能をつくろう   HTMLとPHPの連携
  • 2.
    2 Copyright (c) 株式会社HEARTQUAKE All rights reserved . 処理理の流流れ 情報を⼊入⼒力力する1 2 3 HTML HTMLから情報をもらう &SQLを実⾏行行する 情報を登録する PHP SQL
  • 3.
    3 Copyright (c) 株式会社HEARTQUAKE All rights reserved . HTMLとPHPの連携(1/3) l ゴールイメージ - ⼊入⼒力力されたツイート内容を表⽰示する ⼊入⼒力力画⾯面 完了了画⾯面 HTML ⽂文字を⼊入⼒力力してボタンを 押すと投稿内容が反映される
  • 4.
    4 Copyright (c) 株式会社HEARTQUAKE All rights reserved . HTMLとPHPの連携(2/3) l まずは⼊入⼒力力欄を作成しよう 投稿内容を入力してください。 <form action =”post.php” method=”get”> <textarea name=”memo”> </textarea> <input type=”submit” value=”投稿送信”> </form> HTML actionには次に実⾏行行したい phpのファイルを記述する。 methodにはGETとPOST が存在する textareaに名称(name)を   つける。(名前は任意) 復復習
  • 5.
    5 Copyright (c) 株式会社HEARTQUAKE All rights reserved . HTMLとPHPの連携(3/3) l PHPで内容を受け取ろう(post.php) 投稿が完了しました。 <?php echo $_GET[”memo”]; ?> HTMLからデータを受け取るとき (GET形式の場合) $_GET[”HTMLで指定したname”]
  • 6.
    6 Copyright (c) 株式会社HEARTQUAKE All rights reserved . HTMLとPHPの連携(おまけ) l PHPで内容を受け取ろう(post.php) 投稿が完了しました。 <?php echo $_GET[”memo”]; echo ”<br>” ; echo $_GET[”nickname”]; ?> ダブルクォーテーションで 囲むとHTMLを書くことができる。
  • 7.
    7 Copyright (c) 株式会社HEARTQUAKE All rights reserved . お疲れ様でした!!