我的主页:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<center>
<font size=7 color=pink>告白气球 - 二珂
<br>
作曲 : 周杰伦
<br>
作词 : 方文山
<br>
塞纳河畔 左岸的咖啡
<br>
我手一杯 品尝你的美<br>
留下唇印的嘴<br>
花店玫瑰 名字写错谁<br>
告白气球 风吹到对街<br>
微笑在天上飞<br>
你说你有点难追 想让我知难而退<br>
礼物不需挑最贵 只要香榭的落叶<br>
营造浪漫的约会 不害怕搞砸一切<br>
拥有你就拥有 全世界<br>
亲爱的 爱上你 从那天起<br>
甜蜜的很轻易<br>
亲爱的 别任性 你的眼睛<br>
在说我愿意<br>
塞纳河畔 左岸的咖啡<br>
我手一杯 品尝你的美<br>
留下唇印的嘴<br>
花店玫瑰 名字写错谁<br>
告白气球 风吹到对街<br>
微笑在天上飞<br>
你说你有点难追 想让我知难而退<br>
礼物不需挑最贵 只要香榭的落叶<br>
营造浪漫的约会 不害怕搞砸一切<br>
拥有你就拥有 全世界<br>
亲爱的 爱上你 从那天起<br>
甜蜜的很轻易<br>
亲爱的 别任性 你的眼睛<br>
在说我愿意<br>
亲爱的 爱上你 恋爱日记<br>
飘香水的回忆<br>
一整瓶 的梦境 全都有你<br>
搅拌在一起<br>
亲爱的别任性 你的眼睛<br>
在说我愿意<br></font></center>
</body>
</html>
<body background="img/jpg3.jpg">
注册界面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
.mystyle{
text-align:center;
font-size:35pt;
font-family:"楷书";
Background-color:pink;
}
div{
width:540px;
margin:50px auto;
padding:20px;
border:10px solid #ddd;
overflow:hidden;
}
span{
}
}
i{
color: blackred;
}
</style>
</head>
<body>
<from>
</head>
<body>
<p><span><b>名字</b></span><input id="user" type="text" class="register-input" οnblur="checkuser(user)"/><i id="user_i"></i></p>
<p><span><b>密码</b></span><input id="pwd" type="password" class="register-input" οnblur="checkpwd(pwd)" /><i id="pwd_i"></i></p>
<p><span><b>确认密码</b></span><input id="repeatpsw" type="password" class="register-input" οnblur="checkrpwd(pwd,repeatpsw)" /><i id="repeatpsw_i"></i></p>
<tr>
<td bgcolor=pink align="right">电子邮箱</td>
<td><input type="text" name="eamil" size="20" maxlength="20"/><font></font></td>
</tr>
<tr>
<br><td bgcolor=pink align="right">性别:</td></br>
<td><input type="radio" name="sex" value="男" checked="checked"/>男<input type="radio" name="sex" value="女">女</td>
</tr>
<tr>
<br><td bgcolor=pink align="right">爱好:</td></br>
<td><input type="checkbox" value="运动">运动
<input type="checkbox" value="聊天">聊天
<input type="checkbox" value="玩游戏">玩游戏
<input type="checkbox" value="睡觉">睡觉
</td>
</tr>
<tr>
<br><td bgcolor=pink align="right">出生日期:</td></br>
<td><input type="text" name="year" size="3" maxlength="5" value="">年
<select>
<br><option value="">[请选择月份]</option></br>
<option value="1月">1月</option>
<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>
<option value="9月">9月</option>
<option value="10月">10月</option>
<option value="11月">11月</option>
<option value="12月">12月</option>
</select>月<input type="text" size="3" maxlength="2" value="">日</td>
</tr>
<tr>
<br><td bgcolor=pink align="right"><input type="reset" value=" 重填 "></td>
<td><a href="NewFile.html">确认提交</td></br>
</table>
</tr>
</form>
<body background="img/jpg2.jpg">
</body>
<script language="javascript">
function checkuser (user){
var infuser=$("user_i"),
val = user.value;
if(!val){
infuser.innerHTML=" 用户名不能为空!"
return false;
}
infuser.innerHTML=" "
return true;
}
function checkpwd (pwd){
var infpwd=$("pwd_i"),
val = pwd.value;
if(!val){
infpwd.innerHTML=" 密码不能为空!"
return false;
}
if(val.length<6){
infpwd.innerHTML=" 请输入不少于6位的密码!"
return false;
}
infpwd.innerHTML=" "
return true;
}
function checkrpwd(pwd,rpwd){
var infrepwd=$("repeatpsw_i"),
pwd = $('pwd'),
rpwd = $('repeatpsw'),
val = rpwd.value;
if(!val){
infrepwd.innerHTML=" 请输入确认密码!"
return false;
}
if(pwd.value !== val){
infrepwd.innerHTML=" 两次输入的密码不一致,请重新输入!"
return false;
}
infrepwd.innerHTML=" ";
return true;
}
function $(id){
return document.getElementById(id);
}
</script>
</html>
登录界面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1" cellspacing="0" bordercolor="#9DCFFF">
<tr>
<td bgcolor="#E7FBFF" align="right">登录名:</td>
<td align="left"><input type="text" value="" maxlength="10" name="denglu" size="20"/><font></font></td>
</tr>
<tr>
<td bgcolor="#E7FBFF" align="right">密码:</td>
<td><input type="password" name="userpsd" size="20" maxlength="20"/><font></font></td>
</tr>
<td><a href="NewFile2.html">登录</a></td>
<td><a href="NewFile1.html">注册</a></td>
</table>
</body>
</body>
</html>
<body background="img/jpg1.jpg">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1" cellspacing="0" bordercolor="#9DCFFF">
<tr>
<td bgcolor="#E7FBFF" align="right">登录名:</td>
<td align="left"><input type="text" value="" maxlength="10" name="denglu" size="20"/><font></font></td>
</tr>
<tr>
<td bgcolor="#E7FBFF" align="right">密码:</td>
<td><input type="password" name="userpsd" size="20" maxlength="20"/><font></font></td>
</tr>
<td><a href="NewFile2.html">登录</a></td>
<td><a href="NewFile1.html">注册</a></td>
</table>
</body>
</body>
</html>
<body background="img/jpg1.jpg">