JavaScript实现留言板实战案例

1.案例说明：

利用JavaScript、css以及html制作一个简易的留言板

要求在页面文本框中输入一些文字之后，点击“提交”按钮，就可以让输入的文字和当前留言时间显示在下面，重新输入一些文字，再点击提交，就可以让新发布的内容显示在最上面。点击后面的删除，就可以删除已经提交后的留言。

【案例分析】利用节点的创建、添加和删除相关知识完成一个简易的留言板功能。在页面中实现单击“提交”按钮动态创建一个li元素，添加到ul里面。

2.html部分

主要有一个文本框，一个提交按钮，和一个展示留言部分的ul列表。

1 2 3 4 5

<div id="mgs">         <textarea id="text"></textarea><br>         <input type="button" id="btn" value="提交">         <ul class="list"></ul>     </div>

 1/9    1 2 3 4 5 6 下一页 尾页

本文配套模板、静态源码可前往艾立兹素材库alisucai.com下载

0

来顶一下

 

返回首页

发表评论 共有0条评论

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表

推荐资讯

WordPress 彻底关

帝国 CMS 生成静

dedecms模版SQL注

web前端开发参考

栏目更新

栏目热门