SlideShare a Scribd company logo
Web 04
Web 04
<form method=GET action=“form.php”> 
↑ 
値の送信方法 
↑ 
値の送信先
GET POST 
値をURLに表示表示する表示しない 
送る値の限度ありなし 
主な用途 
検索エンジン、 
ブックマーク、等 
ログイン、 
掲示板、等
※ファイル名は「form.php」 
<?php 
echo $_GET[“user”].”<br>”; 
echo $_GET[“pass”].”<br>”; 
echo $_GET[“sex”].”<br>”; 
for($i=0;$i<3;$i++){ 
echo $_GET[“license”][$i].”<br>”; 
} 
echo $_GET[“year”].”<br>”; 
?>
※ファイル名は「form.php」 
<?php 
echo $_POST[“user”].”<br>”; 
echo $_POST[“pass”].”<br>”; 
echo $_POST[“sex”].”<br>”; 
for($i=0;$i<3;$i++){ 
echo $_POST[“license”][$i].”<br>”; 
} 
echo $_POST[“year”].”<br>”; 
?>
変な警告文が出てきた 
「その変数には値が見つかりませんよ~」という意味
isset関数を使う 
• 括弧で指定した変数に値が存在する場合TRUE 
• if(isset($_GET[“sex”])){ 
echo “性別:”.$_GET[“sex”]; 
} 
 @マークを使う 
• 変数の頭に@を付けるとその行に関するエラー 
文が消える 
• むやみに使うのはよろしくない
テキストエリアに下記のものを書いて送信 
してみましょう 
<script>alert(“ウイルスに感染しました”);</script>
htmlspecialchars($_GET[“user”]) 
htmlspecialchars($_GET[“pass”])
Web 04
今日作ったform.phpでの出力結果をtable 
タグを使って表示しましょう 
「資格・免許」においてはリスト(liタグ) 
を使うこと 
性別が選択されなかった場合、性別の欄を 
表示しないようにするとなお良い
form.html form.php
入力した2数と演算記号を指定して、四則 
演算するページを作成しましょう
初回アクセス時は「2数を入力してくださ 
い」と表示させる 
PHPの変数の演算はJavaとほぼ同じ 
• ↓$aに$b+$cを代入するコード 
• $a = $b + $c ;
Web 04
※form.htmlのformタグの中に記入 
<textarea name=“text” row=5 
clos=30></textarea> 
※form.phpに記入 
$_GET[“text”]; //または$_POST[“text”];
対角線の長さ 
<textarea name=“text” rows=5 cols=30> 
↑ 
行数(縦の長さ) 
↓
※form.htmlのformタグの中に記入 
• <input type=“file” name=“file”> 
• formタグの中にenctype=“multipart/form-data” 
を付け足す 
※form.phpに記入 
• $_GET[“file”]; //または$_POST[“file”]; 
• ファイルの中身を表示したい場合はphp側で別の 
処理が必要
※form.htmlのformタグの中に記入 
• <input type=“reset” value=“リセット”> 
• フォームの内容が全て消される 
• または初期値に戻る
Ad

Recommended

SPAのルーティングの話
SPAのルーティングの話
ushiboy
 
Mojoliciousをウェブ制作現場で使ってみてる
Mojoliciousをウェブ制作現場で使ってみてる
jamadam
 
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
Masao Maeda
 
J query element.key
J query element.key
sayoko miura
 
WordBench京都12月、WordCampUSからのWP REST APIな話
WordBench京都12月、WordCampUSからのWP REST APIな話
Hidetaka Okamoto
 
Yapc -asia 2012 lt @studio3104
Yapc -asia 2012 lt @studio3104
Satoshi Suzuki
 
後期02
後期02
Takenori Nakagawa
 
Web 02
Web 02
XMLProJ2014
 
Web班紅華祭後
Web班紅華祭後
XMLProJ2014
 
Web 03
Web 03
XMLProJ2014
 
Web05
Web05
XMLProJ2014
 
Python02
Python02
XMLProJ2014
 
グループ開発成果発表改
グループ開発成果発表改
XMLProJ2014
 
Xml javaチーム2 2
Xml javaチーム2 2
XMLProJ2014
 
Beautiful lt
Beautiful lt
XMLProJ2014
 
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
VOYAGE GROUP
 
勉強会force#2 HTML5によるモバイルアプリ開発
勉強会force#2 HTML5によるモバイルアプリ開発
Kazuki Nakajima
 
WebAPIではじめるphp入門
WebAPIではじめるphp入門
Hiroaki Murayama
 
初めての Data api
初めての Data api
Yuji Takayama
 
[PS11]ネットワーク第6回
[PS11]ネットワーク第6回
Yukiko Kato
 
Twitter連携chrome extension作り方
Twitter連携chrome extension作り方
Hiroshi Oyamada
 
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Nishida Kansuke
 
Alfresco勉強会#36 alfresco 5でカスタムREST APIを作ってみよう
Alfresco勉強会#36 alfresco 5でカスタムREST APIを作ってみよう
Tasuku Otani
 
OAuth 2.0 と ライブラリ
OAuth 2.0 と ライブラリ
Kenji Otsuka
 
WordPress と Bootstrap
WordPress と Bootstrap
株式会社ガリレオ(開発グループ)
 
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
 
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
kenjis
 
勉強会force#4 Chatter Integration
勉強会force#4 Chatter Integration
Kazuki Nakajima
 

More Related Content

Viewers also liked (8)

Web 02
Web 02
XMLProJ2014
 
Web班紅華祭後
Web班紅華祭後
XMLProJ2014
 
Web 03
Web 03
XMLProJ2014
 
Web05
Web05
XMLProJ2014
 
Python02
Python02
XMLProJ2014
 
グループ開発成果発表改
グループ開発成果発表改
XMLProJ2014
 
Xml javaチーム2 2
Xml javaチーム2 2
XMLProJ2014
 
Beautiful lt
Beautiful lt
XMLProJ2014
 

Similar to Web 04 (20)

フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
VOYAGE GROUP
 
勉強会force#2 HTML5によるモバイルアプリ開発
勉強会force#2 HTML5によるモバイルアプリ開発
Kazuki Nakajima
 
WebAPIではじめるphp入門
WebAPIではじめるphp入門
Hiroaki Murayama
 
初めての Data api
初めての Data api
Yuji Takayama
 
[PS11]ネットワーク第6回
[PS11]ネットワーク第6回
Yukiko Kato
 
Twitter連携chrome extension作り方
Twitter連携chrome extension作り方
Hiroshi Oyamada
 
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Nishida Kansuke
 
Alfresco勉強会#36 alfresco 5でカスタムREST APIを作ってみよう
Alfresco勉強会#36 alfresco 5でカスタムREST APIを作ってみよう
Tasuku Otani
 
OAuth 2.0 と ライブラリ
OAuth 2.0 と ライブラリ
Kenji Otsuka
 
WordPress と Bootstrap
WordPress と Bootstrap
株式会社ガリレオ(開発グループ)
 
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
 
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
kenjis
 
勉強会force#4 Chatter Integration
勉強会force#4 Chatter Integration
Kazuki Nakajima
 
CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4
arisu yano
 
[東京] JapanSharePointGroup 勉強会 #2
[東京] JapanSharePointGroup 勉強会 #2
Atsuo Yamasaki
 
Okinawapm#3
Okinawapm#3
Kei Kamikawa
 
プログラマ進化論
プログラマ進化論
Sotaro Omura
 
初めての Data API CMS どうでしょう - 仙台編 -
初めての Data API CMS どうでしょう - 仙台編 -
Yuji Takayama
 
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
VOYAGE GROUP
 
勉強会force#2 HTML5によるモバイルアプリ開発
勉強会force#2 HTML5によるモバイルアプリ開発
Kazuki Nakajima
 
WebAPIではじめるphp入門
WebAPIではじめるphp入門
Hiroaki Murayama
 
初めての Data api
初めての Data api
Yuji Takayama
 
[PS11]ネットワーク第6回
[PS11]ネットワーク第6回
Yukiko Kato
 
Twitter連携chrome extension作り方
Twitter連携chrome extension作り方
Hiroshi Oyamada
 
⑲jQueryをおぼえよう!その5
⑲jQueryをおぼえよう!その5
Nishida Kansuke
 
Alfresco勉強会#36 alfresco 5でカスタムREST APIを作ってみよう
Alfresco勉強会#36 alfresco 5でカスタムREST APIを作ってみよう
Tasuku Otani
 
OAuth 2.0 と ライブラリ
OAuth 2.0 と ライブラリ
Kenji Otsuka
 
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
 
CodeIgniterによるPhwittr
CodeIgniterによるPhwittr
kenjis
 
勉強会force#4 Chatter Integration
勉強会force#4 Chatter Integration
Kazuki Nakajima
 
CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4
arisu yano
 
[東京] JapanSharePointGroup 勉強会 #2
[東京] JapanSharePointGroup 勉強会 #2
Atsuo Yamasaki
 
プログラマ進化論
プログラマ進化論
Sotaro Omura
 
初めての Data API CMS どうでしょう - 仙台編 -
初めての Data API CMS どうでしょう - 仙台編 -
Yuji Takayama
 
Ad

More from XMLProJ2014 (20)

Java班講義資料第3回
Java班講義資料第3回
XMLProJ2014
 
Java班講義資料第2回
Java班講義資料第2回
XMLProJ2014
 
第1回Java講義資料
第1回Java講義資料
XMLProJ2014
 
00環境構築
00環境構築
XMLProJ2014
 
Mash up awards(クリスマス会)
Mash up awards(クリスマス会)
XMLProJ2014
 
きのこたけのこ戦争
きのこたけのこ戦争
XMLProJ2014
 
クリパ用Lt2014
クリパ用Lt2014
XMLProJ2014
 
ポケモン解説
ポケモン解説
XMLProJ2014
 
クリスマス会Lt
クリスマス会Lt
XMLProJ2014
 
一年ツイッター
一年ツイッター
XMLProJ2014
 
C++班
C++班
XMLProJ2014
 
C#班
C#班
XMLProJ2014
 
Web班
Web班
XMLProJ2014
 
Web 11
Web 11
XMLProJ2014
 
Web 09
Web 09
XMLProJ2014
 
Android班第4回
Android班第4回
XMLProJ2014
 
Web 10
Web 10
XMLProJ2014
 
OpenSource
OpenSource
XMLProJ2014
 
百合について
百合について
XMLProJ2014
 
Web 08
Web 08
XMLProJ2014
 
Ad

Recently uploaded (7)

色について.pptx .
色について.pptx .
iPride Co., Ltd.
 
PGConf.dev 2025 参加レポート (JPUG総会併設セミナー2025 発表資料)
PGConf.dev 2025 参加レポート (JPUG総会併設セミナー2025 発表資料)
NTT DATA Technology & Innovation
 
やってみた!OpenAI Function Calling 入門 .
やってみた!OpenAI Function Calling 入門 .
iPride Co., Ltd.
 
勉強会_ターミナルコマンド入力迅速化_20250620. pptx. .
勉強会_ターミナルコマンド入力迅速化_20250620. pptx. .
iPride Co., Ltd.
 
AI技術共有会2025-06-05_DeepResearchの理解と実践.pdf
AI技術共有会2025-06-05_DeepResearchの理解と実践.pdf
Takuma Oda
 
Protect Your IoT Data with UbiBot's Private Platform.pptx
Protect Your IoT Data with UbiBot's Private Platform.pptx
ユビボット 株式会社
 
Vibe Codingを始めよう 〜Cursorを例に、ノーコードでのプログラミング体験〜
Vibe Codingを始めよう 〜Cursorを例に、ノーコードでのプログラミング体験〜
iPride Co., Ltd.
 
PGConf.dev 2025 参加レポート (JPUG総会併設セミナー2025 発表資料)
PGConf.dev 2025 参加レポート (JPUG総会併設セミナー2025 発表資料)
NTT DATA Technology & Innovation
 
やってみた!OpenAI Function Calling 入門 .
やってみた!OpenAI Function Calling 入門 .
iPride Co., Ltd.
 
勉強会_ターミナルコマンド入力迅速化_20250620. pptx. .
勉強会_ターミナルコマンド入力迅速化_20250620. pptx. .
iPride Co., Ltd.
 
AI技術共有会2025-06-05_DeepResearchの理解と実践.pdf
AI技術共有会2025-06-05_DeepResearchの理解と実践.pdf
Takuma Oda
 
Protect Your IoT Data with UbiBot's Private Platform.pptx
Protect Your IoT Data with UbiBot's Private Platform.pptx
ユビボット 株式会社
 
Vibe Codingを始めよう 〜Cursorを例に、ノーコードでのプログラミング体験〜
Vibe Codingを始めよう 〜Cursorを例に、ノーコードでのプログラミング体験〜
iPride Co., Ltd.
 

Web 04