<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a {
width: 100%;
border: 0px solid black;
float: left;
}
foot {
color: red;
font-size: 100px;
position: absolute;
left: 600px;
top: 200px;
}
</style>
<script>
function checkFrom() {
var username = document.getElementById("username").value;
if(username == "") {
alert("用户名不能为空!");
return false;
}
var passwork = document.getElementById("passwork").value;
if(passwork == "") {
alert("密码不能为空");
return false;
}
var epasswork = document.getElementById("epasswork").value;
if(epasswork != passwork) {
alert("输入的两次密码不一致");
return false;
}
return true;
}
var num = 1;
function show1(a) {
num = num + a;
if(num < 1) {
num = 10;
}
if(num > 10) {
num = 1;
}
var i = document.getElementById("l1");
i. src = num + ".jpg";
var time = 10;
}
var s;
function show() {
s = setInterval("print()",500);
}
var time=10;
function print() {
var f2 = document.getElementById("i2");
time--;
if(time == 0) {
time=10;
f2.src=time+".jpg";
} else {
f2.src=time+".jpg";
}
}
function tips(id,content){
document.getElementById(id+"span").innerHTML="<font color='red'>"+content+"</font>";
}
function checkusername(){
document.getElementById("usernamespan").innerHTML="<font color='green'>用户名可以使用</font>"
}
function mima(){
document.getElementById("passworkspan").innerHTML="<font color='green'>密码可以使用</font>"
}
</script>
</head>
<body background="5.jpg">
<div class="a" style="height: 50px;">
<div class="a" style="width: 33%; height: 100%;"><img src="10.jpg" width="100%" height="100%" /></div>
<div class="a" style="width: 33%; height: 100%;"><img src="8.jpg" width="100%" height="100%" /></div>
<div style="padding-top: 20px;">
<a href="1.jpg">登陆</a>
<a href="1.jpg">登陆</a>
<a href="1.jpg">登陆</a>
</div>
</div>
<div style="clear: both;"></div>
<div style="border: 0px solid red; width: 100%;height: 300px; background: url(10.jpg);">
<div style="float: left; width: 80%; height: 200px; margin-left: 500px; ">
<form action="lx1.html" method="post">
<table bgcolor="aliceblue" style=" margin-top: 100px;">
<tr>
<td>用户名</td>
<td>
<input type="text" name="username" id="username"/><span id=usernamespan ></span>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="password" name="passwork" id="passwork" onfocus="tips('passwork','密码至少需要6位')" /><span id=passworkspan ></span>
</td>
</tr>
<tr>
<td>确认密码</td>
<td>
<input type="password" name="epasswork" id="epasswork" />
<span id=spasswork></span>
</td>
</tr>
<tr>
<td>邮箱</td>
<td>
<input type="email" />
</td>
</tr>
<tr>
<td>性别</td>
<td>
男<input type="radio" name="1" value="" />女<input type="radio" name="1" value="" />
</td>
</tr>
<tr>
<td>爱好</td>
<td>
游戏<input type="checkbox" name="1" value="" />数据<input type="checkbox" name="1" value="" />电脑<input type="checkbox" name="1" value="" />笔记本<input type="checkbox" name="1" value="" />游山玩水<input type="checkbox" name="1" value="" />
</td>
</tr>
<tr>
<td>
<input type="submit" value="提交申请" />
</td>
</tr>
</table>
</form>
</div>
</div>
<div style="clear: both;"></div>
<div style="width: 100%;height: 40px; border: 0px solid black;">
<a href="4.jpg"><b>咨询</b></a>
<a href="4.jpg"><b>服务</b></a> <a href="4.jpg"><b>售后 </b></a>
</div>
<!--<div>
<img src="1.jpg" width="500Ppx" height="200px" id="l1"/>
</div>
<a href="#">上一个<<</a>|<a href="#">下一个>></a>
<div>-->
<img src="1.jpg" width="500Ppx" height="200px" id="i2" border="0px" style="margin-left: 400px;" />
</div>
</body>
</html>
|
|