WEB练习-留言板

最新推荐文章于 2024-03-25 22:17:37 发布

LIT-涛

最新推荐文章于 2024-03-25 22:17:37 发布

阅读量707

点赞数

分类专栏： WEB小练习文章标签： web html css javascript 前端

本文链接：https://blog.csdn.net/weixin_52793965/article/details/119218433

版权

WEB练习-留言板

- 留言板

留言板

此案例只是WEB学习过程中使用，并没有连接数据库，页面刷新后就回到初始界面，并不会记录留言数据。
只为实现功能，所以比较丑，但是可以根据自己的喜好对 style 标签的内容进行修改。

实现功能

留下名字和内容后点击提交，提交的内容将会显示在页面的下方，理论上是无限制叠加的。

页面截图

在这里插入图片描述

代码

代码没有添加备注，之后有时间再进行补充

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>留言板</title>
    <style>
        body{
   
            width: