ポリプロピレン

PHPを1からお勉強するブログ

Chapter3-9 アンケート項目を増やそう!実践

今回はindex.htmlとcheck.phpを編集します。

index.html

$ sudo vim index.html

iで編集モードにしたらコードを書いていきます。

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>PHP基礎</title>
</head>
<body>
   <form method="post" action="check.php">
       <lebel> ニックネームを入力してください。</lebel>
       <input type="text" id="nickname" name="nickname">
       <lebel>メールアドレスを入力してください。</lebel>
       <input type="text" id="email" name="email">
       <lebel>ご意見を一言でお聞かせください。</lebel>
       <input type="text" id="goiken" name="goiken">
       <input type="submit" value="送信">
   </form>
</body>
</html>

esc→:wqで保存・終了。

check.php

$ sudo vim check.php

iで編集モードにしたらコードを書いていきます。

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>PHP基礎</title>
</head>
<body>  
    <?php
    $nickname=$_POST['nickname'];
    $email=$_POST['email'];
    $goiken=$_POST['goiken'];

    if($nickname=='')
    {
        print'<p>ニックネームが入力されていません。</p>';
    }
    else
    {
        print'<p>';
        print'ようこそ';
        print $nickname;
        print'';
        print'</p>';
    }

    if($email=='')
    {
        print'<p>メールアドレスが入力されていません。</p>';
    }
    else
    {
        print'<p>';
        print'メールアドレス:';
        print $email;
        print'</p>';
    }

    if($goiken=='')
    {
        print'<p>ご意見が入力されていません。</p>';
    }
    else
    {
        print'<p>';
        print'ご意見『';
        print $goiken;
        print'』</p>';
    }
    ?>
</body>
</html>

esc→:wで保存。localhost/phpkiso/index.htmlにアクセス

  • フォームに入力しないで送信→◯◯が入力されていません。
  • フォームに入力して送信→ようこそ◯◯様等

と表示されていれば成功です。