2：form 的运用 ，在一个注册页面下，所提交的注册信息必须在同一个form里才有效。而你用了多个form，使得注册信息无法提交。
3：id为main标签缺少</div>，需补充。
以上问题我已帮你更正，希望对你有帮助：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<style type="text/css">
body{
margin:0
padding:0}
#header{
width:645px
height:85px
margin:6px 30% 18px 22.3%}
#main{
width:645px
margin:0 30% 0 22.7%}
#header #logo{
width:137px
background:url(images/logo-yy.gif) no-repeat left top
height:46px}
#header #logoarea{
background:#D9F0F0
width:504px
float:right
height:24px
margin:-26px 0 0 0
}
#header #banner{
width:auto
height:40px}
#header #sider{
float:right
background:#D9F0F0
margin:-26px 0 0 0
width:100px
height:24px}
#header #logoarea p{
font-weight:bold
font-size:14px
margin:4px 0 0 10px
}
#header #sider p{
float:right
text-decoration:underline
color:#0000CC
margin:4px 14px 0 0
font-size:14px}
#header #banner img{
float:right
margin:8px 9px 0 0}
#main #container p{
font-weight:bolder
font-size:12px}
#main #container form{
margin:-11px 0 0 0}
#main #container #1{
font-size:24px
color:#666666}
#main #container textarea{
font-size:12px
color:#666666
width:480px
height:110px}
#footer{
margin:20px 0 0 -10px
background:#E6E6E6
height:20px
width:650px
float:left
text-align:center}
#footer p{
font-size:14px
font::Geneva, Arial, Helvetica, sans-serif
color:#8B77D5
font-weight:300
font-weight:400
margin:0 auto 5px auto}
.clear{clear:both}
</style>
<title>百度用户注册</title>
</head>
<body>
<div id="header">
<div id="logo">
</div>
<div id="logoarea">
<p>用户注册</p>
</div>
<div id="sider">
<a href="#"><p>帮助</p></a>
</div>
<div id="banner">
<img src="images/未命名.jpg"/>
</div>
</div>
<div id="main">
<div id="container">
<p id="2">用户名:</p>
<form><input type="text" />
<p id="1">不超过7个汉字，或14个字节(数字，字母和下划线)</p>
<span><p id="2">密码:</p>
<input type="text" /><p>确认密码:</p><input type="text" /></span>
<p id="1">密码长度6～14位，字母区分大小写。<a href="#">密码过于简单的危害</a></p><br />
<p id="2">性别：</p>
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
<p id="2">电子邮箱地址:</p>
<input type="text" />
<p id="1">请输入有效的邮件地址，当密码遗失时凭此领取</p>
<p>输入图中字符:</p>
<input type="text" /><img src="images/untitled.bmp" /><a href="#">看不清？</a>
<br />
<input type="submit" value="同意以下协议并提交" />
</form><br /><br />
</div></div>
<div id="footer"><p>© 2010 Baidu</p></div>
</body>
</html>
你要选择一个数据库才行，首先你要有服务器，或者空间，虚拟主机等才行，然后选择一款支持的数据库，比如access或者sql或者orcle等。然后选择一种编程语言，比如C#,VB,JAVA,等作为后台的服务器语言来操作数据库就可以了。头像上传的话图片上传到服务器，然后数据库里记录图片的路径。邮箱格式是否正确，栏位是否填写用javascript语言直接在页面前台验证就可以了。css样式的类名或者相关的ID名也是需要一定的规则，这样有利于前台和后台的交互。1、一般公司开发都是给技术员一本网站前端开发规范，里面详细的说明了各个命名的规则等相关的问题。
2、常见的人们约定的命名习惯为：
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签：tags
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guide
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner
