澳门新葡萄京官网注册php制作留言板一[源码]

今天我们来讲一下用php制作简单的留言板,首先来分析一下留言板,

ajax验证文章我以前写过很多哦,下面我再来写一个ajax检查用户名的教程吧,全部贴上来.

第一步:设计数据库.

这里是界面效果图片,我们主要有三个文章一个reg.php里面几乎是html
代码,一个是register.php注册文件,一个是否chech.js文件,还有最后一个ajax_check.php文件,要完成这次ajax
用户检测就要用到上面四个文章下面我们就先来看看界面代码吧.

第二步:设置html页面,就是留言页面,

css 与js代码.导入

第三步:php处理页面,保存到数据库.

style type=text/css!–body,td,th {font-size:
12px;}#error{color:#FF0000; background-image:url(images/1.jpg);
height:26px;
padding-top:10px;padding-left:50px;width:277px;}.defult{color:#333333;
background-image:url(images/3.jpg); height:26px;
padding-top:10px;padding-left:50px;width:277px;}#success{background-image:url(images/0.jpg)
;background-repeat:no-repeat;height:26px;}.input{height:18px;
width:221px;}.STYLE1 {color: #FF0000}.black_overlay{ display: none;
position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;
background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80;
filter: alpha(opacity=50); } .white_content {display: none;position:
absolute;top: 25%;left: 25%;width: 50%;height: 50%;border:1px solid
#000000;background-color: white;z-index:1002;overflow: auto;padding:
5px;}.close{height:15px; text-align:right; margin-bottom:10px;}a
{font-size: 12px;color: #000000;}a:visited {color: #000000;}a:active
{color: #000000;}–/stylescript language=javascript
src=js/check.js/script

第四步:留言显示页面.

这里是html表现代码

好了我们先来看看第一步:

table width=800 border=0 align=center cellpadding=0 cellspacing=0form
id=form1 name=form1 method=post action=register.php tr td
width=137nbsp;/td td width=17 height=27nbsp;/td td width=229nbsp;/td td
width=417nbsp;/td /tr tr td align=right昵nbsp;nbsp;称:/td td height=34
align=centerspan class=STYLE1*/span/td tdinput name=uid type=text
class=input id=uid onblur=return ajax(); onfocus=return c();size=20 //td
td align=left id=u_infodiv class=defult用户昵称长度3-12个字符/div/td
/tr tr td align=right性nbsp;nbsp;别:/td td height=34 align=centerspan
class=STYLE1*/span/td td label/label label select name=sex id=sex
option value=1男/option option value=0女/option /select /label/td td
align=leftnbsp;/td /tr tr td align=right密nbsp;nbsp;码:/td td height=34
align=centerspan class=STYLE1*/span/td tdinput name=password2
type=password class=input id=password2 onblur=c(); size=20 //td td
align=left id=p_infodiv class=defult长度6-12位/div/td /tr tr td
align=right确认密码:/td td height=34 align=centerspan
class=STYLE1*/span/td tdinput name=password type=password class=input
id=password onblur=c(); size=20 //td td align=left id=p_info1div
class=defult确认密码/div/td /tr tr td align=right手nbsp;nbsp;机:/td td
height=34 align=centerspan class=STYLE1*/span/td tdinput name=mo
type=text class=input id=mo onblur=c(); size=20 //td td align=left
id=m_infodiv class=defult手机13875888888与座机/div/td /tr tr td
align=right真实姓名:/td td height=34 align=centerspan
class=STYLE1*/span/td tdinput name=name type=text class=input id=name
onblur=c(); size=20 //td td align=left id=n_infodiv
class=defult真实姓名:小明/div/td /tr tr td height=34nbsp;/td td
height=27nbsp;/td tdlabel input name=check_name type=checkbox
id=check_name value=1 checked=checked / a href=javascript:void(0)
onclick=document.getElementById(‘light’).style.display=’block’;document.getElementById(‘fade’).style.display=’block’
我接受服务条款 /a /label/td td id=t_info div id=light
class=white_content div class=close a href=javascript:void(0)
onclick=document.getElementById(‘light’).style.display=’none’;document.getElementById(‘fade’).style.display=’none’
关闭/a /div div style=margin:10px; 为里是条款内容! /div /div /td /tr tr
td height=60nbsp;/td td height=27nbsp;/td tdlabel input type=image
name=imageField id=imageField src=images/btn.jpg
onclick=javascript:return c();/ /label/td tdnbsp;/td /tr /form/table

CREATE TABLE IF NOT EXISTS `gx_guestbook` ( `id` int(4) NOT NULL
auto_increment, `gx_title` varchar(200) default NULL,
`gx_content` mediumtext, `gx_time` datetime default NULL,
`gx_tel` varchar(20) default NULL, `gx_mail` varchar(50) default
NULL, `gx_object` varchar(100) default NULL, PRIMARY KEY (`id`))
ENGINE=InnoDB DEFAULT CHARSET=gb2312 AUTO_INCREMENT=10 ;

本站原创:

上面是创建数据库这里就没什么好说了.

再来看第二步设置html留言页面

div id=guesth4 class=top_line客户留言/h4ulform action=guest_sava.php
enctype=multipart/form-data method=postlispaninput name=myname type=text
id=myname size=22 //span你的昵称:/lilispaninput name=mymail type=text
id=mymail size=22 //span你的电邮:/lilispaninput name=mytel type=text
id=mytel size=22 //span联系电话:/lilispan textarea name=mycontent
cols=22 rows=7 class=case_matter
id=mycontent/textarea/span你的留言:/lidiv style=clear:both;
text-align:right; height:30px; padding-top:8px;input name=提交
type=submit value=提交 /nbsp; nbsp;nbsp; nbsp; input name= type=reset
value=重置 //div/form/ul/div

上面就是留言的页面了,效果图

发表评论

电子邮件地址不会被公开。 必填项已用*标注