1.XAMPPのインストールと設定をする。
Windowsユーザー
Windows 向け XAMPP 7.1.7 (PHP 7.1.7)を押す。
参考:Windows向けインストール手順
Macユーザー
ヘッダーのダウンロードボタンを押し、画面遷移する。
Mac 向け XAMPP 7.1.7 / PHP 7.1.7を押す。
参考:Mac向けインストール手順
わからないことがありましたらお気軽に、お声かけ下さい。
2.「Hello World」を表示する。
- XAMPP/htdocs内にhello.phpを新規作成する。
- hello.phpに下記コードを記述する。
hello.php
<?php echo '<p>Hello World</p>';?>
- localhost/hello.phpをブラウザの検索窓に入力して、表示を確認する。
3.「フォーム」をつくろう。
- XAMPP/htdocs内にformフォルダを新規作成する。
- 新規作成したformフォルダ内にindex.phpを新規作成する。
- 新規作成したindex.phpを開き、下記のコードをコピー&ペイストする。
index.php
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Formをつくろう</title>
</head>
<body>
<div id="container">
<h1>Form</h1>
<form action="index.php" method="post">
<!-- ここにフォームに入力されたデータを送るメソッドを記述します。 -->
</form>
</div><!-- /#container -->
</body>
</html>
ここにフォームに入力したデータを送るメソッド送るメソッドを記述しますという箇所に下記コードを追記します。
index.php
<p><label for="task_name">Name</label><br><input type="text" name="name"></p>
<p><label for="task_memo">Memo</label><br><textarea name="memo"></textarea></p>
<input type="submit" name="submit">
実際にフォームのデータが送られているかどうかを確認します。下記のコードを<!DOCTYPE html>の上に記述いたします。
index.php
<?php
var_dump($_POST);
?>