精华内容
下载资源
问答
  • 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写的留言板功能 实现查看 增加 删除的功能 解决了上传中文乱码的情况
  • 数据库留言板.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

    展开全文
  • html5留言板

    热门讨论 2012-11-29 14:11:11
    html5留言板,在线留言板,可以改改,补全功能。大家自己看吧。
  • HTML静态网页留言板ASP自动代码, 解压到你的网站根目录即可guestbook/index.html 本程序是html显示,提交,实现了很多人想要的“html留言板” 本程序没有做登陆验证,请用户自己添加
  • HTML5制作的留言板

    2014-09-11 09:18:27
    HTML5制作的留言板
  • 留言板html

    2012-12-16 20:52:47
    这是一个留言板
  • 从网上买的,自己用过的几个,感觉挺好用的,界面效果提升了N个档次。 3套模板分别为:扁平风格的p2p理财网站静态模板、红色的股票投资证券公司网站模板、宽屏大气的金融行业html网页模板。
  • 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();/
    ?>
    
    

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

    在这里插入图片描述

    展开全文
  • 微信留言板代码

    热门讨论 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制作简易留言板,也可以看作是简易评论区。 要求在页面文本框中输入一些...
  • html jsp留言板

    2020-12-03 17:20:56
    html jsp留言板
  • 运用本地存储技术实现留言。实现留言,删除留言,等功能。有时间记录,可以作为自己的一个小便签非常方便。
  • html留言板制作(js)

    千次阅读 2021-06-11 16:53:31
    记事本 留言板 昵称:
  • 1.数据库先载入表单,里面包含留言信息名为text(名字自己起),还要有一个num号,设置为不可重复,这是数据库要先准备的,因为留言需要存储,必须有一个可以存储的地方,光是html是不能完成的,所以需要掌握html、php...
  • 留言板的动态网页

    2019-04-17 14:12:25
    留言板的动态网页,搭建好的直接就能用于网页,界面大方简洁
  • 本篇文章主要给大家介绍一个非常简单的HTML留言板及html 留言列表样式的相关代码操作。留言板是一些门户网站或者论坛等等必不可少的一部分。HTML留言板具体代码示例如下:网页留言板版源码示例简易留言板function ...
  • 留言板 HTML5代码

    万次阅读 多人点赞 2020-06-05 20:46:35
    } 下面是body代码: 留言板                          科技工作建言者 发表留言 姓 名: 电子邮件: 分 类:科技工作者建言 不保密 保密   留言类型: 科技 生活 留 言: 请输入您的...
  • jQuery+Canvas实现的手写留言板。 1)通过html5的canvas元素,创建一个宽800,高600的画板。 a)默认情况下,canvas在浏览器中看不到,因为它是透明的 b)最好不要用css样式定义canvas的宽度和高度,而直接用width、...
  • NULL 博文链接:https://yuruei2000.iteye.com/blog/1489088
  • 微信小程序现在很火,于是也就玩玩,做了一个简易的留言板,让大家看看,你们会说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...
  • 很早之前做了一半,我也是拿留言板开始练手的。最近清理电脑翻出来的,花了点时间继续做完了,也是第一个发布的程序。 特点: 1、SpeedPHP框架驱动,高效轻快。 2、可创建多个留言板;每个留言板都能设置不同的模板...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,597
精华内容 17,038
关键字:

html留言板

友情链接: easyUI例子.rar