html留言板完整代码
时间: 2023-12-22 20:29:01 浏览: 59
以下是一个简单的HTML留言板的完整代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>留言板</title>
<style>
#di1 {
border: 1px solid #D3D3D3;
width: 700px;
height: 500px;
background-color: azure;
}
p {
font-size: 10px;
color: #008000;
}
#di2 {
border: 1px solid #FFFFFF;
width: 400px;
height: 400px;
}
#di3 {
border: 1px solid #FFFFFF;
width: 400px;
height: 40px;
margin-left: 1.25rem;
}
#di4 {
border: 1px solid #FFFFFF;
width: 400px;
height: 100px;
margin-left: 1.25rem;
}
.cla3 {
text-align: center;
}
.disc {
list-style-type: disc;
}
</style>
</head>
<body>
<div id="di1">
<h1 class="cla3">留言板</h1>
<div id="di2">
<ul class="disc">
<li>留言1</li>
<li>留言2</li>
<li>留言3</li>
<!-- 添加更多留言 -->
</ul>
</div>
<div id="di3">
<form>
<input type="text" name="name" placeholder="姓名"><br>
<input type="text" name="message" placeholder="留言内容"><br>
<input type="submit" value="提交">
</form>
</div>
<div id="di4">
<p>提示:这是一个简单的留言板示例,没有做登录验证,请自行添加。</p>
</div>
</div>
</body>
</html>
```