myjob.html
来自「阶段项目 javascript,主要是模仿51.com网站的页面特效」· HTML 代码 · 共 181 行
HTML
181 行
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>会员登录</title>
<link href="images/style.css" rel="stylesheet" type="text/css">
<script src="checkForms.js"></script>
<!--function checkName()
{
var err=document.getElementById("txtName");
var name=document.userLogin.txtName;
if(name.value=="")
{
err.value="用户名不能为空！";
document.getElementById("txtName").className="alertStyle";
return false;
}
if((name.value.charAt(0)>'Z'||name.value.charAt(0)<'A')&&(name.value.charAt(0)<'a'||name.value.charAt(0)>'z'))
{
err.value="首字符必须为字母！";
document.getElementById("txtName").className="alertStyle";
return false;
}
if(name.value.length<6)
{
err.value="用户名至少包括6个字符！";
document.getElementById("txtName").className="alertStyle";
return false;
}
return true;
}
function checkPwd()
{
var pwd=document.getElementById("txtPwd");
if(pwd.value=="")
{
alert("密码不能为空！");
return false;
}
if(pwd.value.length<6)
{
alert("密码至少为6位！");
return false;
}
return true;
}
function clearContent(obj)
{
obj.value="";
obj.className="intro-text";
obj.select();
}
function checkForm()
{
if(checkName()&&checkPwd())
{
document.userLogin.submit();
return true;
}
else
{
return false;
}
}-->
</head>
<body>
<table width="777" height="295" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" valign="middle"> </td>
<td width="433" height="36" colspan="2"> </td>
</tr>
<tr>
<td width="327" valign="middle"><table width="90%" height="66%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><img src="images/Login_top.gif" width="324" height="36"></td>
</tr>
<tr>
<td width="21"><img src="images/Login_left.gif" width="21" height="254"></td>
<td width="282">
<form action="" method="post" name="userLogin" id="userLogin" onSubmit="checkLoginForm();">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="31%" height="35" align="center">会员名:</td>
<td width="69%">
<input name="txtName" type="text" class="intro-text" id="txtName" onFocus="clearContent(this);"> </td>
</tr>
<tr>
<td height="35" align="center">密 码:</td>
<td>
<input name="txtPwd" type="password" class="intro-text" id="txtPwd" onFocus="clearContent(this);"> </td>
</tr>
<tr>
<td colspan="2" align="center"><input name="button" type="button" class="login-over" onClick="checkLoginForm();" onMouseOver="this.className='login-over'" onMouseOut="this.className='login-out'" value="登录"></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" class="btn-login"></td>
</tr>
</table>
</form> </td>
<td width="21"><img src="images/Login_right.gif" width="21" height="254"></td>
</tr>
<tr>
<td colspan="3" align="center"><img src="images/Login_bottom.gif" width="322" height="30"></td>
</tr>
</table></td>
<td width="17" valign="middle"> </td>
<td colspan="2"><table width="100%" height="251" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="17%" rowspan="2"><img src="images/pic1.jpg" width="66" height="45"></td>
<td width="83%">我的简历</td>
</tr>
<tr>
<td>51job的简历中心，您可以在此创建自己专业个性化的简历</td>
</tr>
<tr>
<td rowspan="2"><img src="images/pic2.jpg" width="58" height="52"></td>
<td>找工作</td>
</tr>
<tr>
<td>在茫茫职志中如何找工作？51job的职位搜索器助您一臂之力！</td>
</tr>
<tr>
<td rowspan="2"><img src="images/pic3.jpg" width="69" height="50"></td>
<td>在线申请</td>
</tr>
<tr>
<td>当您找到感兴趣的职位时，可以立即将您在51job上的简历在线投递给招聘单位。</td>
</tr>
<tr>
<td rowspan="2"><img src="images/pic4.jpg" width="52" height="50"></td>
<td>我的搜索和订阅</td>
</tr>
<tr>
<td>设置并订阅您个性化的职位搜索器，51job会贴心的将理想的职位发送到您的信箱中。</td>
</tr>
</table></td>
</tr>
</table>
<br>
<table>
<tr>
<td>
<div>
<table width="897" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="35" align="center" background="images/bottom-bg.gif"><a href="#">网站导航</a> | <a href="index.html" target="top">网站首页</a>| <a href="#">职位搜索</a> | <a href="#">Myjob</a> | <a href="#">用户注册</a> | <a href="#">用户登录</a> | <a href="#">简历管理</a> | <a href="#">招聘公司</a></td>
</tr>
<tr>
<td align="center" class="bootStyle">人才招聘Email:hr@51job.com</td>
</tr>
<tr>
<td align="center" class="bootStyle">个人求职 Email:<a href="#">club@51job.com</a> 或垂询:800-820-5100 </td>
</tr>
<tr>
<td align="center" class="bootStyle">未经本招聘网站同意，不得转载本网站之所有招聘信息及作品 </td>
</tr>
<tr>
<td align="center" class="bootStyle">无忧工作网版权所有©1997-2007</td>
</tr>
<tr>
<td align="center" class="bootStyle"><img src="images/bottom1.gif" width="38" height="43"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?