ゲストブック作成 - データ追加機能
追加画面の基本構造
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ゲストブック</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h1>ゲストブック</h1> <form method="post" action="confirm.php"> <table> <tr> <th>名前</th> <td><input type="text" name="m_name" class="msg"></td> </tr> <tr> <th>メールアドレス</th> <td><input type="text" name="m_mail" class="msg"></td> </tr> <tr> <th>メッセージ</th> <td> <textarea rows="5"name="m_message" class="msg"></textarea> </td> </tr> </table> <input type="submit" value="確認する"> </form> </body> </html>
《style.css》
@charset "UTF-8"; table { border: 1px solid #AAA; border-collapse: collapse; margin-bottom: 10px; } th, td { border: 1px solid #AAA; padding: 10px; } th { text-align: left; background: #EDEDED; } input, textarea { font-size: 16px; } .msg { width: 400px; }