用DIV+CSS写百度注册页面的问题。

html-css048

用DIV+CSS写百度注册页面的问题。,第1张

有三个问题:1:©

为特殊编码,不被支持,在代码中改成

&-copy

即可(使用时请去掉

-

我加上-为了不让百度页面识别。)。

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/html

charset=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语言直接在页面前台验证就可以了。