HTML留言板功能實現代碼,可以幫助我們實現用戶留言的功能。代碼如下:
<!DOCTYPE html> <html> <head> <title>留言板</title> </head> <body> <h1>歡迎來到留言板</h1> <form action="submit.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required><br> <label for="email">郵箱:</label> <input type="email" id="email" name="email" required><br> <label for="message">留言:</label> <textarea id="message" name="message" required></textarea><br> <button type="submit">提交留言</button> </form> <h2>已有以下留言:</h2> <ul> <li><b>John:</b> Hello world!</li> <li><b>Amy:</b> How are you?</li> </ul> </body> </html>
代碼中包含了一個表單,包含姓名、郵箱和留言三個字段,并且設置了required屬性,即這三個字段必須填寫才能提交留言。表單的action屬性指向submit.php文件,這個文件可以集中處理提交的留言信息。
在留言板頁面中,我們還展示了已有的留言,使用了無序列表(ul)和列表項(li)的方式進行展示。在每個列表項中,我們都用了<b>標簽強調了留言者的姓名,并展示了留言內容。