jQuery最简单的留言功能^-^
生活随笔
收集整理的這篇文章主要介紹了
jQuery最简单的留言功能^-^
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
先上代碼：
<!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+":"+seconvar obj=("<li>昵稱："+name+" 內(nèi)容："+info+" 日期"+riqi+"</li><br/>");$("#ul1:last").append(obj);})})</script>
</head>
<body><div id="menu"><p>昵稱：<input type="text" id="name"></p><p>內(nèi)容：<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>
?? 原理：在網(wǎng)頁(yè)中提交的內(nèi)容是把表單里面的值提取出來(lái)，然后顯示到下面的指定div中
?? 原理：在網(wǎng)頁(yè)中提交的內(nèi)容是把表單里面的值提取出來(lái)，然后顯示到下面的指定div中
總結(jié)
以上是生活随笔為你收集整理的jQuery最简单的留言功能^-^的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 动车就是高铁吗 动车是高铁吗
- 下一篇： 设置拍一拍内容沙雕