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