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

html-css012

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

<%

Dim CSS

CSS=Request("css")

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>New Document </TITLE>

<link rel="stylesheet" href="<%=CSS%>.css" type="text/css" media="screen"/>

</HEAD>

<BODY>

<select name="zhuf" onchange="javascript:location.href='2.asp?css='+this.value">

<option>选择</option>

<option value="hong">红色</option>

<option value="lan">

你要选择一个数据库才行,首先你要有服务器,或者空间,虚拟主机等才行,然后选择一款支持的数据库,比如access或者sql或者orcle等。然后选择一种编程语言,比如C#,VB,JAVA,等作为后台的服务器语言来操作数据库就可以了。头像上传的话图片上传到服务器,然后数据库里记录图片的路径。邮箱格式是否正确,栏位是否填写用javascript语言直接在页面前台验证就可以了。