jQuery最简单的留言功能^-^
2024-05-13 06:15:30
先上代码:
<!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+" 内容:"+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中
最新文章
- python网络爬虫工程师薪资-python网络爬虫工程师找工作应该准备什么?
- JBPM学习笔记(1)
- DataGridview动态添加列
- 苹果cms模板_苹果cms是什么东西?
- selenium-标签元素定位法-0223
- JVM-常用内存调优参数总结
- 目标检测voc转coco改良版
- Jan 11 - Contains Duplicate II; Array; Traverse; HashMap; HashSet;
- POJ - 3624 (01背包问题)(动态规划-滚动数组)
- Java 多线程思维导图
- 关于8.0出现Only fullscreen opaque activities can request orientation
- 汉诺塔递归算法python详细解析图_汉诺塔递归算法分析过程
- 关于Landsat所有知识都在这里
- 【操作系统】分区分配算法(首次适应算法、最佳适应算法)C语言
- js 十六进制,八进制,二进制
- ISAPI摘要认证,java代码怎么写
- 量子笔记:单比特量子门、泡利矩阵
- 使用Python进行Excel文件拆分
- 图像处理技术及相应C++代码
- 动态链接库DLL是什么?
热门文章
- word List35
- Leetcode动态规划 不同路径
- Boltzmann Machine 入门(2)
- CF1550E Stringforces
- Minimum spanning tree HDU - 6954
- Codeforces Round #722 (Div. 2)
- G - Best ACMer Solves the Hardest Problem Gym - 101955G
- 牛客网【每日一题】3月26日 合并回文子串
- 历史上的今天(history)+ 勇者斗恶龙(dragon)
- YbtOJ-方格填写【插头dp】