DOM案例--留言板

最新推荐文章于 2025-05-27 16:06:05 发布

码农不秃呀

最新推荐文章于 2025-05-27 16:06:05 发布

阅读量133

点赞数

文章标签： servlet html 前端

本文链接：https://blog.youkuaiyun.com/weixin_53271010/article/details/126764524

版权

本文通过实例展示了如何利用HTML页面与Servlet技术创建一个简单的在线留言板应用。读者将了解到如何设计HTML表单用于用户输入留言，以及Servlet如何处理这些请求，存储并展示留言内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>留言板</title>
    <!-- 重置样式放到最上面 -->
    <link rel="stylesheet" href="css/rest.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <main>
        <div><input class="text" type="text" placeholder="请输入留言内容"></div>
        <div> <input class="di" type="text" placeholder="请输入昵称"></div>
        <div  class="btn">
             <input type="button" class="sure" value="确定">
            </div>
    </main>
    <ul>
        <li>
            <p><span id="words">我在石家庄</span><span id="nick">missRen</span></p>
            <p><span id="time">2022-08-28 15:38:34</span><span id="del"onclick="delFun(this)">删除</span></p>
        </li>
    </ul>   
</body>
<script src="js/index.js"></script>
</html>

效果图