PHP 開発小規(guī)模フォーラムのチュートリアル返信-1

返信ページでも、ページレイアウトに <table> テーブル + CSS スタイルを使用しています

最終的なページ効果は次のとおりです

コードは次のとおりです

<!DOCTYPE html>
<html lang="en">
        <head>
        <meta charset="UTF-8">
        <title>回復(fù)</title>
        <style>
.title{
    background-color: #B10707;
    color: white;
}
.sub{
    text-align: center;
}
.but{
    background-color: #B10707;
    width: 90px;
    height: 40px;
    font-size: 15px;
    color: white;
    border: none;
}
input{
    width: 250px;
    height: 25px;
}
.right{
    margin-left: 10px;
}
</style>
            <script type="text/javascript">
                function checkinput()
                {
                    if(myform.reply_author.value=="")
                    {
                        alert("請輸入你的昵稱");
                        myform.reply_author.focus();
                        return false;
                    }
                    if (myform.reply.value=="")
                    {
                        alert("請輸入你想回復(fù)的內(nèi)容");
                        myform.reply.focus();
                        return false;
                    }
                }
            </script>
</head>
<body>
<form method="post" action="reply_post.php?id=<?php echo $_GET['id']; ?>" onsubmit=" return checkinput();" name="myform">
        <table width="500px" border="1" cellpadding="8" cellspacing="0" align="center">
        <tr class="title">
        <td colspan="2">
        回復(fù)帖子<span class="right">[<a style="color: white" href="forums.php">返回</a> ]</span>
</td>
</tr>
<tr>
<td width="100px">回復(fù)人</td>
        <td><input type="text" name="reply_author"></td>
        </tr>
        <tr>
        <tr>
        <td width="100px">回復(fù)內(nèi)容</td>
        <td><textarea cols="43" rows="10" name="reply">
        </textarea></td>
        </tr>
        <tr class="sub">
        <td colspan="2">
        <input type="submit" value="快速回復(fù)" class="but">
        <input type="reset" value="重置" class="but">
        </td>
        </tr>
        </table>
        </form>
        </body>
        </html>

返信の內(nèi)容を送信するには、データ処理のために Reply_post.php ページに移動します

學(xué)び続ける

新しいファイル

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>回復(fù)</title> <style> .title{ background-color: #B10707; color: white; } .sub{ text-align: center; } .but{ background-color: #B10707; width: 90px; height: 40px; font-size: 15px; color: white; border: none; } input{ width: 250px; height: 25px; } .right{ margin-left: 10px; } </style> <script type="text/javascript"> function checkinput() { if(myform.reply_author.value=="") { alert("請輸入你的昵稱"); myform.reply_author.focus(); return false; } if (myform.reply.value=="") { alert("請輸入你想回復(fù)的內(nèi)容"); myform.reply.focus(); return false; } } </script> </head> <body> <form method="post" action="reply_post.php?id=<?php echo $_GET['id']; ?>" onsubmit=" return checkinput();" name="myform"> <table width="500px" border="1" cellpadding="8" cellspacing="0" align="center"> <tr class="title"> <td colspan="2"> 回復(fù)帖子<span class="right">[<a style="color: white" href="forums.php">返回</a> ]</span> </td> </tr> <tr> <td width="100px">回復(fù)人</td> <td><input type="text" name="reply_author"></td> </tr> <tr> <tr> <td width="100px">回復(fù)內(nèi)容</td> <td><textarea cols="43" rows="10" name="reply"> </textarea></td> </tr> <tr class="sub"> <td colspan="2"> <input type="submit" value="快速回復(fù)" class="but"> <input type="reset" value="重置" class="but"> </td> </tr> </table> </form> </body> </html>

提出するリセットコード

自動運転