9-24作业代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/表单.css">
</head>
<body>
<img src="img/1.jpg" alt="">
<ul>
<li>搜索帮助 |</li>
<li> 高级搜索 |</li>
<li> 职位履历 |</li>
<li> 地图搜索</li>
</ul><br /><br />
<img src="img/2.jpg" alt=""><br /><br />
<form action="#" name="biaodian" method="post" target="_self">
<table border="0px" cellpadding="10" cellspacing="0">
<tr>
<td>电子邮箱</td>
<td><input type="text"></td>
</tr>
<tr>
<td>用户名</td>
<td><input type="text"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password"></td>
</tr>
<tr>
<td>手机号码</td>
<td><input type="text"></td>
</tr>
<tr>
<td>用户类型</td>
<td>
<input type="radio" name="leixing">社会人士
<input type="radio" name="leixing">在校学生/应届毕业生
</td>
</tr>
<tr>
<td>推荐人编号</td>
<td><input type="text"><span>你也可以成为“推荐人”拿奖品，了解一下吧！</span></td>
</tr>
<tr>
<td>验证码</td>
<td><input type="text"><input type="image" src="img/3.jpg">换一张</td>
</tr>
<tr>
<td></td>
<td><input type="checkbox">我已阅读并同意<a href="">《卓越人才网（jobcn.com）个人用户服务协议》</a></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox">我已阅读并同意<a href="">《卓越人才网（jobcn.com）隐私保护政策》</a></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox">我已阅读并同意<a href="">订购《才经周刊》，掌握职场那些事，成就职场达人。</a></td>
</tr>
<tr>
<td></td>
<td><input type="button" value="注册"></td>
</tr>
</table>
</form>
<div class="da">
<div>
<h2>Tel:(0769)2288-222</h2>
<ul class="zuo">
<li><a href="">法律声明 </a></li>
<li><a href="">隐私保护 </a></li>
<li><a href="">用户协议</a></li>
</ul><br />
<h4>粤B2-20040458 粤ICP备09027564号</h4>
<h4>1999 - 2014jobcn,com卓越人才网版权所有</h4>
</div>
</div>
</body>
</html>
ul{ list-style:none;}
li{
float: left;
color:#767676;
}
.da{
width:698px;
height:200px;
background:#dd7044;
display:flex;
align-items:center;
}
span{color:#767676;}
.zuo{
position:relative;
left:-35px;
}
form{
position:relative;
left:50px;
}
input[type="button"]{
width:100px;
height:40px;
background:#43a01f;
color:white;
}
a{
text-decoration:none;
}
M
评论
还没有评论，来说第一句吧。