精华内容
下载资源
问答
我要提问
  • html静态留言板
    千次阅读
    2021-06-12 17:13:54

    [已通过安全检测]卡巴斯基7.0

    [病毒定义文件版本] 2008-1-24

    [已通过安装测试]Windows XP SP3 + IIS6.0

    *-------------*

    绝对不含脚本!

    *-------------*

    北京飞虎工作室: http://www.asp188.cn

    感谢支持！您的支持是我最大的动力！

    ----------------------------------------------------------------

    “html留言板”程序说明：

    ━┅━┅━┅━┅━┅━┅━┅━┅━━┅━┅━┅━┅━┅━┅━┅━

    1) 本程序由网络“飞虎”个人开发编写, 将之解压到你的网站根目录即可

    guestbook/index.html

    2) 本程序是html显示，提交，实现了很多人想要的“html留言板”

    3) 本程序没有做登陆验证，请用户自己添加

    4) 本程序采用了fckeditor在线编辑器，也可用新浪的在线编辑器，哪个也行

    如果有想用新浪编辑器的可以在网上找，也可以给我写信，我给你发--\"290052621@qq.com\"

    请记住我的域名：http://www.asp188.cn

    记住我的QQ号码：290052621

    更多相关内容

  • html 留言板

     千次阅读 2021-06-09 17:37:36
    HTML5--JS API-本地存储 Web留言板*{margin:0; padding:0;}body,input{font-size:14px; line-height:24px; color:#333; font-family:Microsoft yahei, Song, Arial, Helvetica, Tahoma, Geneva;}h1{margin-bottom:15...
    HTML5--JS API-本地存储 Web留言板

    *{margin:0; padding:0;}

    body,input{font-size:14px; line-height:24px; color:#333; font-family:Microsoft yahei, Song, Arial, Helvetica, Tahoma, Geneva;}

    h1{margin-bottom:15px; height:100px; line-height:100px; text-align:center; font-size:24px; color:#fff; background:#0051a1;}

    #content #post,#comment p{zoom:1;}

    #content #post:after,#comment p:after{display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:'.';}

    .transition{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}

    #content{margin:0 auto; width:960px; overflow:hidden;}

    #content #post{margin-bottom:15px; padding-bottom:15px; border-bottom:1px #d4d4d4 dashed;}

    #content #post textarea{display:block; margin-bottom:10px; padding:5px; width:948px; height:390px; border:1px #d1d1d1 solid; border-radius:5px; resize:none; outline:none;}

    #content #post textarea:hover{border:1px #9bdf70 solid; background:#f0fbeb;}

    #content #post #postBt,#content #post #clearBt{margin-left:5px; padding:3px; float:right;}

    #comment{overflow:hidden;}

    #comment p{margin-bottom:10px; padding:10px; border-radius:5px;}

    #comment p:nth-child(odd){border:1px solid #e3e197; background:#ffd;}

    #comment p:nth-child(even){border:1px solid #adcd3c; background:#f2fddb;}

    #comment p span{display:inline; float:left;}

    #comment p .msg{width:738px;}

    #comment p .datetime{width:200px; color:#999; text-align:right;}

    var Storage =

    {

    saveData:function()//保存数据

    {

    var data = document.querySelector("#post textarea");

    if(data.value != "")

    {

    var time = new Date().getTime() + Math.random() * 5;//getTime是Date对象中的方法，作用是返回 1970年01月01日至今的毫秒数

    localStorage.setItem(time, data.value + "|" + this.getDateTime());//将毫秒数存入Key值中，可以降低Key值重复率

    data.value = "";

    this.writeData();

    }

    else

    {

    alert("请填写您的留言！");

    }

    },

    writeData:function()//输出数据

    {

    var dataHtml = "", data = "";

    for(var i = localStorage.length-1; i >= 0; i--)//效率更高的循环方法

    {

    data = localStorage.getItem(localStorage.key(i)).split("|");

    dataHtml += "

    " + data[0] + "" + data[1] + "

    ";

    }

    document.getElementById("comment").innerHTML = dataHtml;

    },

    clearData:function()//清空数据

    {

    if(localStorage.length > 0)

    {

    if(window.confirm("清空后不可恢复，是否确认清空？"))

    {

    localStorage.clear();

    this.writeData();

    }

    }

    else

    {

    alert("没有需要清空的数据！");

    }

    },

    getDateTime:function()//获取日期时间，例如 2012-03-08 12:58:58

    {

    var isZero = function(num)//私有方法，自动补零

    {

    if(num < 10)

    {

    num = "0" + num;

    }

    return num;

    }

    var d = new Date();

    return d.getFullYear() + "-" + isZero(d.getMonth() + 1) + "-" + isZero(d.getDate()) + " " + isZero(d.getHours()) + ":" + isZero(d.getMinutes()) + ":" + isZero(d.getSeconds());

    }

    }

    window.onload = function()

    {

    Storage.writeData();//当打开页面的时候，先将localStorage中的数据输出一边，如果没有数据，则输出空

    document.getElementById("postBt").onclick = function(){Storage.saveData();}//发表评论按钮添加点击事件，作用是将localStorage中的数据输出

    document.getElementById("clearBt").onclick = function(){Storage.clearData();}//清空所有已保存的数据

    }

    HTML5--JS API-本地存储 Web留言板

    收起
    展开全文

  • 简易留言板HTML

     2018-04-03 15:48:54
    这是一套简易的前后台全套的留言模板html代码与css样式。可供新手学习和借鉴
    收起

  • html+php+mysql留言板功能的实现

     2017-06-08 09:27:11
    通过html+php+mysql写的留言板功能 实现查看 增加 删除的功能 解决了上传中文乱码的情况
    收起

  • 数据库留言板.html

     2020-04-23 15:06:37
    简单的通过JavaScript操控数据库实现留言板效果的一个实例，支持添加数据、删除数据、查询数据等功能
    收起

  • 留言板，html+后台

     2015-08-22 09:23:04
    有前台和后台代码，完全分开，增删改查，留言管理
    收起

  • html+php+ajax+mysql留言板

     2017-06-20 13:49:04
    前后端实现留言板的功能，采用ajax提交数据的方式，后端采用php编写，实现增加，修改，删除的功能，对输入通过正则来验证。
    收起

  • html留言板功能

     千次阅读 热门讨论 2020-05-16 09:32:26
    html留言板功能效果源码文件 效果 源码文件 链接：点击 提取码：cl07

    html留言板功能

    效果

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    源码文件

    链接：点击
    提取码：cl07

    收起
    展开全文
    javascript linux java python

  • html5留言板

     热门讨论 2012-11-29 14:11:11
    html5留言板，在线留言板，可以改改，补全功能。大家自己看吧。
    收起

  • HTML静态网页留言板ASP自动代码

     2021-01-08 14:00:20
    HTML静态网页留言板ASP自动代码， 解压到你的网站根目录即可guestbook/index.html 本程序是html显示，提交，实现了很多人想要的“html留言板” 本程序没有做登陆验证，请用户自己添加
    收起

  • HTML5制作的留言板

     2014-09-11 09:18:27
    HTML5制作的留言板
    收起

  • 留言板html

     2012-12-16 20:52:47
    这是一个留言板
    收起

  • 3套美观大气的Html静态模板

     2018-05-10 11:05:08
    从网上买的，自己用过的几个，感觉挺好用的，界面效果提升了N个档次。 3套模板分别为：扁平风格的p2p理财网站静态模板、红色的股票投资证券公司网站模板、宽屏大气的金融行业html网页模板。
    收起

  • html5 css3在线留言表单美化代码

     2019-11-05 21:16:29
    html5 css3在线留言表单美化代码
    收起

  • 网页留言板[HTML5]

     2017-04-16 17:05:10
    根据html写的留言板，很简单，适合网页开发新手研究和参考
    收起

  • 留言板 基于html,php,mysql

     千次阅读 2022-03-29 20:50:14
    demo1.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>demo1</title> </head> <body> <form method ="POST" ...

    数据库
    在这里插入图片描述
    在这里插入图片描述
    图

    1.登录界面

    登录界面实现账号、密码匹配数据库登录。登陆成功则跳转到首页page.html。
    在这里插入图片描述

    demo1.html

    <html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>demo1</title>
</head>
<body>
	<form method ="POST" action="demo1.php">
	<center><h1>登录</h1> 
	账号：<input type="text" name="username"></input>
	<br>
	密码：<input type="password" name="passwd"></input>
	<br>
	<br>
	<input type="submit" value="登录"></input>
	</form>
</body>
</html>

    demo1.php

    <?php
	$host="127.0.0.1";
	$id="root";
	$pwd="123456";
	$database="test";
	$conn=mysqli_connect($host,$id,$pwd,$database);
	
	if($conn==true)	//连接成功
	{
		echo "connect success<br>";
		$username=$_POST['username'];
		$password=$_POST['passwd'];
		$sql="select * from users where username='".$username."' and password='".$password."'";
		$result=mysqli_query($conn,$sql);
		if($result==false)
			echo "false";
		else {
			$items=mysqli_fetch_all($result);
			if(count($items)>=1)
			{
				echo "usename and password is right<br>";
				$times=time()+30*60;
				session_start();
				$_SESSION['name']="zhangsan";
				//setcookie("name","qzsqzs",$times);
				header("Location:http://127.0.0.1/index.php");
			}
			else {
				echo "usename and password is false<br>";
				header("refresh:2;url=./demo1.html");
			}
		}
	}
	else echo "connect false<br>";
?>

    退出链接到登录界面demo1.html。
    Quit.php

    <?php
	header("refresh:1;url=./demo1.html");
	exit();
?>

    2.首页界面

    如图所示，有三个链接，查看可跳转到show.php，添加可跳转到add.html，退出跳转到登陆界面demo1.html。
    在这里插入图片描述

    Page.html

    <html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>首页</title>
</head>
<body>
<center>
	<div  >
		<img src="https://img1.baidu.com/it/u=1951064073,473148609&fm=253&fmt=auto&app=138&f=JPEG?w=470&h=500">
	</div>
	<div style="margin-center;margin-top:-360px;height:20px;width:250px" >
		<h1 >留言板</h1>
	</div>
	<div style="margin-top:100px" >
		<a href="./show.php">查看</a>
	</div>
	<div style="margin-top:75px" >
		<a href="./add.html">添加</a>
	</div>
	<div style="margin-top:50px" >
		<a href="./quit.php">退出</a>
	</div>
</body>
</html>

    3.查看留言界面

    如图所示，以列表的形式显示message表中的记录，可对每条记录进行删除的操作。刷新列表即可刷新该页面，返回可跳转到首页page.html。

    图3

    Show.php

    <center>
<h1>留言列表</h1>
<hr>
<table border = "1" width = "700" >
    <tr>
        <th>留言id</th>
        <th>留言时间</th>
        <th>留言内容</th>
        <th>操作</th>
    </tr>
	<?php
		header("Content-type: text/html; charset=utf-8");
		$servername = "localhost";
		$username = "root";
		$password = "123456";
		$dbname = "test";
		$conn = new mysqli($servername, $username, $password, $dbname);
		if ($conn==false) {
			die("连接失败: " . $conn->connect_error);
		}
		$sql = "SELECT id, date, content FROM message";
		$result = mysqli_query($conn,$sql);
		if (mysqli_num_rows($result) > 0) {
			while($row = $result->fetch_assoc()) {// 输出数据
				echo "<tr style='text-align: center'>";
				echo "<td>{$row["id"]}</td>";
				echo "<td>{$row["date"]}</td>";
				echo "<td>{$row["content"]}</td>";
				echo "<td><a href='delete.php?id={$row['id']}'>删除</a></td>";
				echo "</tr>";
				echo "<br/>";
			}
		}
		else {
			echo "0 结果";
		}
			$conn->close();
	?>
</table><br>
<center>
<a href="show.php">刷新列表</a><br><br>
<a href="page.html">返回</a>

    删除后显示并跳转回原页面，如图所示。

    图4

    Delete.php

    <?php
	header("Content-type: text/html; charset=utf-8");
	$servername = "localhost";
	$username = "root";
	$password = "123456";
	$dbname = "test";
	$conn = new mysqli($servername, $username, $password, $dbname);
	if ($conn==false) 
	{    
die("连接失败: " . $conn->connect_error);   
 }
	mysqli_query($conn,"DELETE FROM message WHERE id={$_GET['id']}");
	echo '删除成功!3秒后刷新页面...';
	header("refresh:3;url=./show.php");
	mysqli_close($conn);
?>

    4.添加留言界面

    如图所示，选择日期和输入留言后，点击提交。返回链接上一个页面。
    在这里插入图片描述

    Add.html

    <html >
<head>
    <meta charset="UTF-8">
    <title>add</title>
</head>
<body>
<form action="add.php" method="post">
    <div>
        <center><h1>发布留言</h1> 
        <div>
            请选择日期：<input type="date" name="date">
			<br><br>
            请输入留言：<input type="textarea" size="15" name="message">
            <br><br>
            <div >
                <input type="submit" value="提交">
            </div>
        </div> <br>
		<a href="show.php">查看留言</a><br><br>
		<a href="page.html">返回</a>
    </div>
</form>
</body>
</html>

    Add.php

    <?php
	header("Content-type: text/html; charset=utf-8");
	$date = $_POST['date'];  	$message = $_POST['message'];
	$servername = "localhost";
	$username = "root";
	$password = "123456";
	$dbname = "test";
	$conn = new mysqli($servername, $username, $password, $dbname);
	if ($conn==false) {
		die("连接失败: " . $conn->connect_error);
	}
	global $message, $date;
	$sql = "INSERT INTO message (date, content) VALUES ('$date', '$message')";

	if ($conn->query($sql) === TRUE) {			echo '留言成功！3秒后刷新页面...';
		header("refresh:3;url=./add.html");
	} else {
		echo "Error: " . $sql . "<br>" . $conn->error;
	}	
	$conn->close();/
?>

    提交留言后，显示成功并跳转回原页面，如图所示。

    在这里插入图片描述

    收起
    展开全文
    sql 数据库 php

  • 微信留言板代码

     热门讨论 2014-02-25 14:16:11
    微信留言板,用html5做成的手机端微网页 ，留言讨论区，前台显示代码
    收起

  • js+css+html制作简易留言板

     千次阅读 2021-11-21 15:56:26
    js+css+html制作简易留言板1 案例说明2 编写HTML代码3 编写css代码4 编写JavaScript代码5 全部代码 1 案例说明 利用JavaScript、css以及html制作简易留言板，也可以看作是简易评论区。 要求在页面文本框中输入一些...
    收起
    JavaScript 前端 css

  • html jsp留言板

     2020-12-03 17:20:56
    html jsp留言板
    收起

  • HTML5--JS API-本地存储 Web留言板

     2014-05-31 11:46:01
    运用本地存储技术实现留言。实现留言，删除留言，等功能。有时间记录，可以作为自己的一个小便签非常方便。
    收起

  • html的留言板制作（js）

     千次阅读 2021-06-11 16:53:31
    记事本 留言板 昵称：
    收起

  • 怎么用html做一个显示留言板的框 留言成功马上显示 和留言板一样

     千次阅读 2021-06-09 04:47:56
    1.数据库先载入表单，里面包含留言信息名为text(名字自己起)，还要有一个num号，设置为不可重复，这是数据库要先准备的，因为留言需要存储，必须有一个可以存储的地方，光是html是不能完成的，所以需要掌握html、php...
    收起

  • 留言板的动态网页

     2019-04-17 14:12:25
    留言板的动态网页，搭建好的直接就能用于网页，界面大方简洁
    收起

  • html怎么操作来实现留言板样式？（代码示例）

     千次阅读 2021-06-08 16:34:11
    本篇文章主要给大家介绍一个非常简单的HTML留言板及html 留言列表样式的相关代码操作。留言板是一些门户网站或者论坛等等必不可少的一部分。HTML留言板具体代码示例如下：网页留言板版源码示例简易留言板function ...
    收起

  • 留言板 HTML5代码

     万次阅读 多人点赞 2020-06-05 20:46:35
    } 下面是body代码： 留言板                          科技工作建言者 发表留言 姓 名： 电子邮件： 分 类：科技工作者建言 不保密 保密   留言类型： 科技 生活 留 言: 请输入您的...
    收起
    css3

  • jQuery+Canvas实现的手写留言板

     2020-12-15 14:00:30
    jQuery+Canvas实现的手写留言板。 1）通过html5的canvas元素，创建一个宽800，高600的画板。 a）默认情况下，canvas在浏览器中看不到，因为它是透明的 b）最好不要用css样式定义canvas的宽度和高度，而直接用width、...
    收起

  • 【 YR-HTML5】Web Storage实现本地留言板

     2019-04-04 01:14:44
    NULL 博文链接：https://yuruei2000.iteye.com/blog/1489088
    收起

  • 微信小程序实现简易留言板

     2021-03-29 21:32:26
    微信小程序现在很火，于是也就玩玩，做了一个简易的留言板，让大家看看，你们会说no picture you say a j8 a,好吧先上图。样子就是的，功能一目了然，下面我们就贴实现的代码，首先是HTML页面，好吧，其实微信小程序...
    收起
    简易

  • JS实现留言板功能

     2021-06-14 05:47:37
    每天一个JS 小demo之留言板。主要知识点：DOM方法的理解和运用Document.wrap {width: 400px;margin: 30px auto;}textarea {display: block;width: 100%;height: 60px;}input {display: block;width: 60%;margin: 15...
    收起

  • 随意多功能留言板 SyGuestBook

     2021-04-05 00:16:03
    很早之前做了一半，我也是拿留言板开始练手的。最近清理电脑翻出来的，花了点时间继续做完了，也是第一个发布的程序。 特点： 1、SpeedPHP框架驱动，高效轻快。 2、可创建多个留言板；每个留言板都能设置不同的模板...
    收起
    PHP源码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,597
精华内容 17,038
热门标签
相关推荐
关键字：

html留言板

友情链接： easyUI例子.rar