メールフォーム実習:入力ページ
メールフォームをつくる
【index.php:tableタグの場合】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせフォーム</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h1>お問い合わせフォーム</h1> <form action="check.php" method="post"> <table> <tr> <th><label for="name">お名前:</label></th><td><input type="text" name="name" id="name"></td> </tr> <tr> <th><label for="email">Eメール:</label></th><td><input type="text" name="email" id="email"></td> </tr> <tr> <th><label for="message">お問い合わせ:</label></th><td><textarea name="message" id="message"></textarea></td> </tr> </table> <input type="submit" value="確認"> </form> </body> </html>
【index.php:pタグの場合】
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>お問い合わせフォーム</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h1>お問い合わせフォーム</h1> <form action="check.php" method="post"> <p><label for="name">お名前:</label></p> <p><input type="text" name="name" id="name"></p> <p><label for="email">Eメール:</label></p> <p><input type="text" name="email" id="email"></p> <p><label for="message">お問い合わせ:</label></p> <p><textarea name="message" id="message"></textarea></p> <input type="submit" value="確認"> </form> </body> </html>
- label:ラベル部分をクリックすると入力ボックスが選択されます
- postとgetの違い
- post:情報を封筒に入れる、個人情報など機密性の高いものに使う
- get:urlに情報を載せる
- urlには文字数制限がある(ブラウザによって異なります)
- 情報量に制限がある