HTML是一種常見的網(wǎng)頁(yè)制作語言,它可以通過標(biāo)簽來定義不同的結(jié)構(gòu)和內(nèi)容。而在網(wǎng)頁(yè)制作中,留言板是非常常見的功能之一,下面就是一個(gè)簡(jiǎn)單的HTML留言板的代碼:
<html> <head> <title>留言板</title> </head> <body> <h1>歡迎來到留言板</h1> <form method="post" action="submit.php"> <label>昵稱:</label> <input type="text" name="name"><br> <label>留言:</label> <textarea name="message" rows="5" cols="40"></textarea><br> <input type="submit" value="提交"> </form> <h2>已有留言</h2> <ol> <li>張三: 我覺得這個(gè)留言板很好用!</li> <li>李四: 我也覺得很好用呢!</li> </ol> </body> </html>
在這個(gè)代碼中,我們使用了 <form> 標(biāo)簽來創(chuàng)建一個(gè)表單,表單中包含了昵稱和留言兩個(gè)輸入框,以及一個(gè)提交按鈕。當(dāng)用戶填寫完表單后,點(diǎn)擊提交按鈕,留言將會(huì)被發(fā)送到 submit.php 這個(gè)地址。這個(gè)地址是后端程序的地址,它將會(huì)負(fù)責(zé)把留言存到數(shù)據(jù)庫(kù)中。
而在留言板的下方,我們使用了 <ol> 標(biāo)簽來創(chuàng)建一個(gè)有序列表,表示已有的留言。我們用 <li> 標(biāo)簽來代表每一條留言,里面的文本就是留言內(nèi)容。通過這種方式,我們可以非常直觀地看到已有的留言,這也是留言板的主要功能。