这篇博客详细分析了淘宝网的登录页面源代码，包括HTML结构、元信息、CSS样式链接、JavaScript脚本以及安全插件的使用。重点讨论了如何通过不同浏览器和设备的适配以及安全控件的安装提示来确保用户登录的安全性。
<!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/html; charset=gb2312" />
<title>
淘宝网 - 淘我喜欢!
</title>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="description" content="欢迎免费注册淘宝，淘宝 - 亚洲最大的网上交易平台，拥有近2亿商品，提供安全便捷的购物体验，提供先行赔付、假一赔三、7天无理由退货等售后服务，同时这里还提供了各类网上赚钱的机会。" />
<meta name="keywords" content="会员注册 免费 淘宝 网上开店 网上购物 网上交易 网上商店 免费开店 网上买东西" />
<link type="image/x-icon" href="/static/favicon.ico" rel="shortcut icon"/>
<link rel="stylesheet" type="text/css" href="/static/tbsp.css?t=20090602.css" />
<link rel="stylesheet" type="text/css" href="/static/global_nav.css?t=20091112.css" />
<link rel="stylesheet" type="text/css" href="/static/login_v2.css?t=20090910.css" />
<script type="text/javascript" src="/static/tbra-widgets.js?t=20090604.js"></script>
</head>
<body class="chl-reg">
<script type="text/javascript">
(function(){function atrand(num){return Math.floor(Math.random()*num)+1}var P=location.pathname;if((parent===self)||P.indexOf('/list_forum')!=-1||P.indexOf('/theme/info/info')!= -1||P.indexOf('/promo/co_header.php')!= -1||P.indexOf('fast_buy.htm')!= -1||P.indexOf('/add_collection.htm')!= -1||P.indexOf('/taobao_digital_iframe')!= -1||window.tbdw_frame_count==true){var R=escape(document.referrer);document.write('<img src="https://img.atpanel.com/1.gif?cache='+atrand(9999999)+'&pre='+R+'&scr='+screen.width+'x'+screen.height+'&category=&userid=&channel=112&ad_id=" width="0" height="0" style="display:none;" />')}})();
</script>
<div id="page">
<div id="header">
<h1 id="logo">
<a href="http://www.taobao.com/" target="_top"><img src="/static/logo.png" alt="淘宝网 Taobao.com - 阿里巴巴旗下网站" /></a>
<span class="sub-logo"></span>
</h1>
</div><!-- #header END -->
<div>
<span id="J_PasswordEditTmp" class="password-edit-tmp">
<script>
if (window.ActiveXObject) {
document.write('<object height="0" border="0" width="0" style="vertical-align: middle;" codebase="https://img.alipay.com/download/2121/aliedit.cab#Version=2,1,2,1" classid="clsid:488A4255-3236-44B3-8F27-FA1AECAA8844" data="data:application/x-oleobject;base64,VUKKSDYys0SPJ/oa7KqIRBAHAADYEwAA2BMAAA==" id="Password_Edit_Tmp"><param value="-1" name="PasswordMode"/><param value="20" name="MaxLength"/></object>');
} else {
document.write('<embed type="application/aliedit" height="0" width="0" id="Password_Edit_Tmp" name="Password_Edit"></embed>');
}
</script>
</span>
</div>
<script type="text/javascript">
var safePluginSupport = "standard";
try {
var pwdEditTmp = document.getElementById("Password_Edit_Tmp");
pwdEditTmp.EchoTest();
safePluginSupport = "secure";
}catch(err) {
safePluginSupport = "standard";
}
</script>
<div id="content"><!-- 页面content内容开始 -->
<div id="login-form"><!-- login-form内容开始 -->
<h3>会员登录</h3>
<div class="msg" style="width:340px;margin-bottom:10px;">
<p class="tips" style="float:none;background-position:5px -295px;">淘宝邀请您体验新版登录页，<a href="https://login.taobao.com/member/betaLogin.htm?from=&redirectURL=http%3A%2F%2Fwww.taobao.com%2F">点这里去新版</a></p>
</div>
<div class="clearfix" id="login-form-box">
<script type="text/javascript">
if(safePluginSupport == 'standard'){
document.write('<div class="box standard-mode login-box" style="display: block;" >');
}else{
document.write('<div class="box standard-mode login-box" style="display: none;" >');
}
</script>
<!-- <div class="box standard-mode login-box" style="display: block;" > -->
<span class="rc-tp"><span></span></span>
<div class="bd">
<form method="post" action="https://login.taobao.com/member/login.jhtml" id="J_StandardForm">
<div class="field">
<label>帐户名：</label>
<input type="text" style="" tabindex="1" maxlength="32" value="手机号/会员名/邮箱" size="32" name="TPL_username" class="login-text J_UserName"/>
</div>
<div class="field">
<label>密 码：</label>
<input type="password" tabindex="2" size="32" value="" maxlength="20" id="TPL_password" name="TPL_password" class="login-text"/>
<span class="forget-pw"><a href="http://member1.taobao.com/member/forgot_passwd.jhtml">忘记密码</a></span>
</div>
<div class="login-submit">
<input type="hidden" name="actionForStable" value="enable_post_
最低0.47元/天 解锁文章
扫一扫
2116
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
