先上代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>留言功能</title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<style type="text/css">
</style>
<script type="text/javascript">
$(function(){
$("#tijiao").click(function(){
var name=$("#name").val();
var info=$(".infos").val();
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
var hour=date.getHours();
var min=date.getMinutes();
var secon=date.getSeconds();
var riqi=year+"-"+month+"-"+day+" "+hour+":"+min+":"+secon
var obj=("<li>昵称："+name+" 内容："+info+" 日期"+riqi+"</li><br/>");
$("#ul1:last").append(obj);
})
})
</script>
</head>
<body>
<div id="menu">
<p>昵称：<input type="text" id="name"></p>
<p>内容：<textarea value="在这留言" style="width: 200px; height: 200px" class="infos">在这留言</textarea></p>
<p><input type="button" value="提交" id="tijiao"></p>
<p><h1>所有留言</h1></p>
<ul id="ul1">
</ul>
</div>
</body>
</html>
原理：在网页中提交的内容是把表单里面的值提取出来，然后显示到下面的指定div中
分享到：
相关推荐
本教程将深入讲解如何利用jQuery实现一个用户评论留言功能，结合HTML5的强大特性，为网站增加互动性。 首先，我们需要创建一个基本的HTML5结构来承载评论留言系统。HTML5提供了许多新的标签，如, , , 等，用于更好...
在这个留言板系统中，jQuery可能被用来增强用户体验，比如通过AJAX实现无刷新的留言提交和加载更多留言功能。它还可能用于处理表单验证，如检查必填字段或验证输入格式，以及美化页面元素，如使用滑动效果显示验证码...
《jQuery屏幕右下角留言弹幕代码》是一个用于网页交互设计的JS特效，它允许用户在屏幕的右下角创建类似电视滚动字幕的效果，展示留言或者信息提示。这一技术基于广泛使用的JavaScript库jQuery，jQuery简化了DOM操作...
总的来说，HTML5和jQuery的结合使用使得创建功能丰富的即时贴变得简单易行。开发者只需要掌握基本的HTML和JavaScript知识，再借助jQuery的便捷工具，就能实现具有高度交互性和个性化的设计，满足用户对网页动态信息...
在这个简单的留言功能实现案例中，我们利用了jQuery库来简化DOM操作，从而实现了一个基本的用户留言提交功能。 首先，为了能使用jQuery库，我们需要在HTML文件的`<head>`部分引入jQuery的CDN链接。在示例代码中，...
本篇文章将详细解析基于jQuery实现的仿多说网评论框特效源码，帮助读者理解并掌握如何在自己的网站上实现类似的功能。 首先，我们来看jQuery的核心作用。jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档...
jQuery库提供了一种简单且强大的方式来实现静态页面的分页功能，尤其是在与数据库交互时。在这个项目中，我们将探讨如何使用jQuery、Visual Studio 2010和SQL Server 2008创建一个静态页面分页系统。 1. **jQuery...
这个名为"ASP.NET-[聊天留言]最简单无刷新聊天室.zip"的压缩包文件，显然包含了一个基于ASP.NET实现的简单无刷新聊天室示例。无刷新聊天室是一种实时通信的应用，它允许用户在不重新加载整个网页的情况下发送和接收...
选择器是jQuery中最基础也是最常用的功能之一。jQuery使用CSS选择器来查找HTML文档中的元素。具体实现上，jQuery首先会解析用户提供的选择器字符串，并将其转换为一系列的操作指令，然后根据这些指令遍历DOM树找到...
JQuery是一个广泛使用的JavaScript库，它为网页中DOM元素的操作提供了许多简单易用的方法。JQuery源码的详细中文注释是为帮助开发者深入理解JQuery的内部机制，提高编程技能，同时也能帮助有志于深入研究JavaScript...
在本实验报告中，我们将深入探讨如何使用JSP（JavaServer Pages）技术连接到MySQL数据库，构建一个简单的在线留言板系统。这个系统允许用户提交留言，同时管理员可以查看和管理这些留言。通过这个实验，我们可以了解...
最后，为了便于管理，后台通常会有一个简单的管理界面，允许管理员查看所有留言、删除不合适的内容或回复用户。这可能需要额外的权限控制和界面设计。 总结来说，"网页制作留言板"涵盖了前端开发的多个方面，包括...
在前端学习过程中，创建一个简单的网站，如留言板，是初学者常常进行的实践项目。这个项目可以帮助你理解和应用HTML、CSS、JavaScript等基础技术，并逐渐掌握网页交互与动态功能的实现。下面，我们将深入探讨这个...
<h1 class="text-center">简单留言板 <form id="feedback-form" action="/api/feedback" method="POST"> <div class="mb-3"> <label for="message" class="form-label">留言 <textarea class="form-control" id...
本文通过实例演示了如何使用jQuery的相关方法和选择器，实现了一个简单的搜索功能，并说明了相关的知识点和操作方法。如果读者对本文有任何疑问，可以留言咨询，作者承诺会及时回复解答。同时，作者也感谢大家对网站...
4.这就是jqGrid最简单的演示,没有加入任何其它功能, Good Luck! 有人问到没有spring,由于主要是演示jqGrid和jQuery的AJAX功能,所以没有加上spring框架, 如有需要的请留言. jqGrid 演示最新版: 用到的组件: 1....
此外，jQuery的事件处理使得用户可以通过简单的点击或触摸，触发各种交互效果，如弹出祝福留言框或者播放婚礼视频。 在实际项目中，我们通常会结合CSS3来增强视觉表现。CSS3提供了许多新的选择器和样式属性，如阴影...
在实现这样的功能时，jQuery提供了一种相对简洁和高效的方式。首先，需要引入jQuery库，jQuery是一个快速、小巧、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互的过程。引入jQuery之后，...
在这个"班级留言本"项目中，我们将探讨ASP.NET如何实现一个简单的在线交流平台，让学生、教师或其他用户能够留下信息，进行互动。 1. **项目结构分析** - 该项目主要包含HTML、CSS、JavaScript以及服务器端的ASP...
这个压缩包中的"ASP.NET源码——[聊天留言]最简单无刷新聊天室.zip"提供了实现一个基本无刷新聊天室的源代码，让我们来详细探讨一下相关知识点。 1. **ASP.NET MVC或Web Forms**: 首先，我们需要确定这个项目是基于...