简单的留言板jquery

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content" content="text/html" charset="utf-8"/>

<style type="text/css">
#kuang{
width: 400px;
height: 400px;
background-color: burlywood;
}
</style>
</head>

<body>
<div id="kuang"></div>
<input type="text" id="text"/>
<input type="button" value="提交" onclick="test()"/>
</div>
</body>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function test(){
var myval=$("#text").val();//得到输入框中的内容
$("#kuang").html(myval+"<br/>"+ $("#kuang").html());//保存上次的记录并换行  添加新记录
$("#text").val("");//发送完毕清楚输入框中的内容
}

</script>
</html>

简单的留言板jquery,布布扣,bubuko.com

时间： 2024-08-05 07:07:37

简单的留言板jquery的相关文章

简单的留言板

制作一个简单的留言板,用户在输入框中输入内容,提交,然后内容显现在box里面 依然首先需要获取到输入框,提交按钮,box: 然后给提交按钮设置点击事件: 获取输入框的内容: 显示到box中 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{

NVelocity 实现简单的留言板

留言版简单实现 ----------------------------------------------------------------------------------------------------------------------------------- 项目截图: 1,新建留言板数据库:LiuYanbanDB USE [LiuYanbanDB] GO /****** Object: Table [dbo].[LiuYan] Script Date: 2015/5/15

用js做一个简单的留言板效果

html部分: 1: <!DOCTYPE> 2: <html lang="zh-en"> 3: <head> 4: <title>js实现简单留言板</title> 5: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 6: <link rel="stylesheet&quo

使用JSP、Servlet实现一个简单的留言板

1 留言板的页面 messageBoard.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/htm

php+mysql 最简单的留言板

学完了记得动手操作. <html> <body> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <form method = "post" action = "post.php"> 欢迎来到我的留言板!<br> name:&l

JS做简单的留言板

留言板实现功能: 1.把文本框里面的留言发表显示出来: 2.显示出来的留言右侧有一个删除链接或按钮 3.点击删除可以把本条留言删除. 为了防止链接跳转,把a的href改成了'javascript:;',注意有一个:哦! <textarea name="" id="text1" cols="30" rows="10"></textarea> <button>评论</button>

问题：关于一个贴友的js留言板的实现

需求:用js做一个简单的留言板效果 html部分: 1: <!DOCTYPE> 2: <html lang="zh-en"> 3: <head> 4: <title>js实现简单留言板</title> 5: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 6: <link rel=&q

Repeater+AspNetPager+Ajax留言板

最近想要巩固下基础知识,于是写了一个比较简单易懂实用的留言板. 部分样式参考了CSDN(貌似最近一直很火),部分源码参照了Alexis. 主要结构: 1.前期准备 2.Repeater+AspNetPager分页效果 3.Ajax无刷新留言板,插入和删除留言 4.自定义编号 5.总结 先上效果图:(PS:美工很一般) 1.前期准备: 1.数据库:自增ID,用户名,留言内容,用户头像,留言时间. 2.实体类:对应数据库的字段 3.数据访问层: 2.Repeater+AspNetPager分页效果

LocalStorage 本地存储 做一个简单留言板

二话不说,先上代码: 1 <body> 2 <div><textarea id="trCon" cols="30" rows="10"></textarea></div> 3 <div><input type="button" value="发表" onclick="PostCon()"><inpu