留言板制作（留言板制作所需要的硬件设备和软件设备）

本文目录一览：

• 1、怎么制作个人网页留言板
• 2、如何用html+css制作一个留言板
• 3、求一步一步教PHP留言板制作方法
• 4、phpcms留言板怎么制作
• 5、如何为Wordpress博客添加留言板

怎么制作个人网页留言板

html

head

meta http-equiv="Content-Type" content="text/html; "

title简单的留言本/title

script language="JavaScript"

function inputnumber()

{

if (event.keyCode47 event.keyCode58)

return true

else

alert("请输入数字，不要留下字母！！!");

return false;

}

function chkform()

{

if (form1.Guestname.value =="")

{

alert("请留下您的大名!");

form1.Guestname.focus();

form1.Guestname.select();

return false;

}

if (form1.address.value =="")

{

alert("您还没有留下地址!");

form1.address.focus();

form1.address.select();

return false;

}

if (form1.phone.value =="")

{

alert("请留下您的电话，方便我们尽快联系您!");

form1.phone.focus();

form1.phone.select();

return false;

}

if (form1.Memo.value =="")

{

alert("请留下你留言!");

form1.Memo.focus();

form1.Memo.select();

return false;

}

var email = form1.guest_email.value

if (email.length!="")

{

if (email.indexOf("@")2)

{

alert("请输入正确邮箱地址!");

form1.guest_email.focus();

form1.guest_email.select();

return false;

}

if (email.indexOf(".")5)

{

alert("请输入正确邮箱地址!");

form1.guest_email.focus();

form1.guest_email.select();

return false;

}

}

return true;

}

/script

/head

body topmargin="0" leftmargin="0"

table width="330" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"

'把下面的126邮箱改成你自己的邮箱

form name="form1" method="post" action="mailto:andy@126.com?subject=关于给我的留言" onSubmit="return chkform();"

tr bgcolor="#FFFFFF"

td width="97" height="22"姓名：/td

td width="233"input name="Guestname" type="text" id="Guestname"/td

/tr

tr bgcolor="#FFFFFF"

td height="22"电话：/td

tdinput name="phone" type="text" id="phone"/td

/tr

tr bgcolor="#FFFFFF"

td height="22"地址：/td

tdinput name="address" type="text" id="address"/td

/tr

tr bgcolor="#FFFFFF"

td height="22"邮箱：/td

tdinput name="guest_email" type="text" id="guest_email"/td

/tr

tr bgcolor="#FFFFFF"

td height="22"QQ：/td

tdinput name="qq" type="text" id="qq" onKeypress="return inputnumber()"/td

/tr

tr bgcolor="#FFFFFF"

td height="22"您的留言：/td

tdtextarea name="Memo" cols="30" rows="5" id="Memo"/textarea/td

/tr

tr align="center" bgcolor="#FFFFFF"

td height="30" colspan="2"input type="submit" name="Submit" value="提交"

input type="reset" name="Submit" value="重置"/td

/tr

/form

/table

/body

/html

如何用html+css制作一个留言板

html+css制作的只是前台页面

CSS代码

这里重点注意的就是 .ds-avatar 的背景要和页面背景一致，这样就能展示出凹进去的效果。

body {background:#333;}

.ds-post-main {position:relative; width:500px;}

.ds-avatar {position:absolute; top:20px; width:31px; height:31px; padding:5px; background:#333;border-radius:50%;}

.ds-avatar a {display:block; width:31px; height:31px; background:#01cc01; border-radius:50%;}

.ds-comment-body {margin-left:20px;padding:10px 10px 10px 30px ;height:80px;background:#01644f;}

HTML代码

这是多说留言评论的结构，其实Wordpress也可以这样的。

div class="ds-post-main"

div class="ds-avatar"

a href="https://www.wanyucheng.com/news/66/29058.html#nogo"  /a

/div

div class="ds-comment-body" /div

/div

美化留言评论样式

添加质感：这里主要使用CSS3的圆角（border-radius）、阴影（box-shadow）来实现质感

交互设计：达人使用的交互只是一个简单的CSS3旋转动画（transform:rotate），当然可以使用更多的动画效果来，不过不建议搞得过于花哨。

求一步一步教PHP留言板制作方法

1. 先设计数据表，一般留言板需要两个表：留言内容表、回复表

留言内容表：messages

字段如下：

id 自动增加

contents 留言内容

messages_time 留言时间

回复表：reply

字段如下：

id 自动增加

messages_id 关联messages表的id

contents 回复的内容

reply_time 回复时间

2. 设计留言板页面及保存留言数据

大概代码如下：

form name="form1" method="post" action="index.php?action=ok"

texarea cols="30" rows="10" name="contents"

/textarea

input type="submit" value="提交"

/form

?php

if($_GET['action'] == 'ok'){

$contents = $_POST['contents'];

mysql_query("insert into messages values(NULL,'".$contents."',now())");

}

?

3. 显示留言内容，遍历数据表

?php

//包含数据连接代码

require('data.php');

$query = mysql_query("select * messages");

while($array = mysql_fetch_array($query)){

echo $array['contents']."br";

}

?

4. 回复的设计可以参照留言的设计

phpcms留言板怎么制作

phpcms

v9留言板的制作方法有两种

一种是直接应用phpcms官方自己制作的

v9的插件

直接拷入根目录

后台系统会自动默认

下载地址

以及制作方式

我空间有详细列出

另一种是利用

模板里的

表单向导功能

自己制作

如何为Wordpress博客添加留言板

两种方法：第一种：用留言板插件

这个在后台就可以找到第二种：自己建立一个留言板页面，这个比较方便：详细步骤：1、登陆博客后台——页面——添加新页面

2、在标题处写上“留言板”三个大字，在文本框输入要在留言板显示的内容

3、在窗口右侧中的“属性”框里，在父级的下拉菜单中选“主页面（无上级）”，排序处的数字按自己想要的排列顺序填写，0为默认顺序

4、把编辑页面界面滚到底部，在讨论里勾选“允许评论”，如果不勾选，无法留言

5、点击发布，Wordpress留言板制作成功。

6、最后，为了美观，如果缩略名是中文，则留言板的地址将会是http://****/留言板缩略名，所以，建议设置为英文guestbook或其它。

PS:部分主题作者把页面（page）中的评论代码去掉，致使页面没有评论窗口，这时要手动添加评论代码到页面（page）相应位置。代码为：把代码加到你想评论出现的位置就可以了！楼主做人要厚道

对的话就把经验给了

谢谢

就冲你经验来的

留言板制作的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于留言板制作所需要的硬件设备和软件设备、留言板制作的信息别忘了在本站进行查找喔。