HTML留言板是網站常見的一個功能,它可以讓網站上的用戶在特定的頁面上留下自己的意見和評論。今天我分享一個精美的HTML留言板代碼,它不僅具有美觀的外觀,而且也很容易使用。
<!--留言板表單代碼--> <form name="commentform" method="post" action="comment.php"> <!--用戶輸入姓名--> <p> <label for="name">Name:</label> <input type="text" name="name" id="name" required> </p> <!--用戶輸入郵箱--> <p> <label for="email">Email:</label> <input type="email" name="email" id="email" required> </p> <!--用戶輸入留言--> <p> <label for="comment">Comment:</label> <textarea name="comment" id="comment" required></textarea> </p> <!--提交按鈕--> <p><input type="submit" name="submit" value="Submit"></p> </form>此留言板的外觀設計簡潔美觀,注重用戶體驗。留言板分為三個輸入框:姓名、郵箱和留言,用戶填寫后可以通過提交按鈕將信息發送給網站管理員。
<!--留言展示區域--> <div id="commentdisplay"> <?php //連接數據庫 $dbconnect = mysqli_connect('localhost', 'username', 'password', 'database_name'); //查詢數據庫中全部留言 $commentquery = "SELECT * FROM comments ORDER BY comment_id DESC"; $commentresult = mysqli_query($dbconnect, $commentquery); while ($row = mysqli_fetch_assoc($commentresult)) { //輸出留言內容 echo "<p><strong>" . $row['name'] . "</strong> said:<br>"; echo $row['comment'] . "</p>"; } //關閉連接 mysqli_close($dbconnect); ?> </div>此代碼通過PHP連接數據庫,將數據庫中已有的留言查詢出來并展示在網站上??梢钥吹?,留言框的外觀也是通過CSS樣式文件設置的。 此留言板的表單、展示區、PHP連接數據庫代碼都非常簡潔明了,容易上手。相信使用這一份代碼,你也可以為你的網站添加美觀而又高效的留言板功能。