用 html5写一个留言板 同时留言可以在页面里滚动显示
时间: 2023-05-14 21:06:43 浏览: 177
html5全屏滚动响应式设计师个人主页模板
好的,这个问题可以回答。你可以使用 HTML5 的表单元素和 JavaScript 来实现一个留言板。首先,你需要创建一个表单,包含输入框和提交按钮。然后,你需要使用 JavaScript 来获取表单数据,并将其添加到页面中。最后,你可以使用 CSS 来控制留言的样式和滚动效果。以下是一个简单的示例代码:
HTML:
```
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br><br>
<button type="button" onclick="addMessage()">提交</button>
</form>
<div id="messages"></div>
```
JavaScript:
```
function addMessage() {
var name = document.getElementById("name").value;
var message = document.getElementById("message").value;
var messageBox = document.createElement("div");
messageBox.innerHTML = "<strong>" + name + ":</strong>" + message;
document.getElementById("messages").appendChild(messageBox);
}
```
CSS:
```
#messages {
height: 200px;
overflow: auto;
}
```
这个代码可以创建一个简单的留言板,留言可以在页面中滚动显示。
阅读全文