註冊頁面(點選更換驗證碼)
阿新 • • 發佈:2018-12-10
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.dcenter {
text-align: center;
}
#imgcode {
width: 100px;
height: 55px;
-webkit-transition: transform 3s;
/*新增過渡效果*/
}
#imgcode:hover {
-webkit-transform: rotate(360deg);
}
</style>
</head>
<body>
<div class="dcenter"><img src="img/header.jpg" /></div>
<div>
<form action="#" method="get">
<table align="center">
<tr>
<td align="right">電子郵箱:</td>
<td><input type="text" id="input1" onfocus="select()" /></td>
</tr>
<tr>
<td align="right">會員登陸名:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td align="right">密碼:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td align="right">再次輸入密碼:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td align="right">會員身份:</td>
<td><input type="radio" name="ra" />買家<input type="radio" name="ra" />賣家<input type="radio" name="ra" />兩者都是</td>
</tr>
<tr>
<td align="right">驗證碼:</td>
<td><input type="text" /></td>
<td><img src="img/verycode.gif" id="imgcode" /></td>
<td>
<a href="#" onmouseover="chgpic()" >看不清?換一張</a>
</td>
</tr>
<tr>
<td align="right"></td>
<td><img src="img/btn_reg.gif" /></td>
</tr>
<tr>
<td align="right"></td>
<td colspan="3"><textarea cols="50" rows="5">歡迎閱讀阿里巴巴公司(阿里巴巴)服務條款協議(下稱"本協議"),您應當在使用服務之前認真閱讀本協議全部內容,且對本協議中加粗字型顯示的內容,阿里巴巴督促您應重點閱讀。本協議闡述之條款和條件適用於您使用阿里巴巴中文網站(所涉域名為:Alibaba.com.cn、alibaba.cn、1688.com,下同),所提供的在全球企業間(B-TO-B)電子市場(e-market)中進行貿易和交流的各種工具和服務(下稱"服務")。</textarea></td>
</tr>
</table>
</form>
</div>
<div class="dcenter">
<img src="img/footer.jpg" /></div>
<script type="text/javascript">
function chgpic() {
var img = document.getElementById("imgcode");
img.src = "img/code.png";
}
</script>
</body>
</html>
<!--
onmouseout
onmouseover
-->
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.dcenter {
text-align: center;
}
#imgcode {
width: 100px;
height: 55px;
-webkit-transition: transform 3s;
/*新增過渡效果*/
}
-webkit-transform: rotate(360deg);
}
</style>
</head>
<body>
<div class="dcenter"><img src="img/header.jpg" /></div>
<div>
<form action="#" method="get">
<table align="center">
<tr>
<td><input type="text" id="input1" onfocus="select()" /></td>
</tr>
<tr>
<td align="right">會員登陸名:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td align="right">密碼:</td>
</tr>
<tr>
<td align="right">再次輸入密碼:</td>
<td><input type="text" /></td>
</tr>
<tr>
<td align="right">會員身份:</td>
<td><input type="radio" name="ra" />買家<input type="radio" name="ra" />賣家<input type="radio" name="ra" />兩者都是</td>
</tr>
<tr>
<td align="right">驗證碼:</td>
<td><input type="text" /></td>
<td><img src="img/verycode.gif" id="imgcode" /></td>
<td>
<a href="#" onmouseover="chgpic()" >看不清?換一張</a>
</td>
</tr>
<tr>
<td align="right"></td>
<td><img src="img/btn_reg.gif" /></td>
</tr>
<tr>
<td align="right"></td>
<td colspan="3"><textarea cols="50" rows="5">歡迎閱讀阿里巴巴公司(阿里巴巴)服務條款協議(下稱"本協議"),您應當在使用服務之前認真閱讀本協議全部內容,且對本協議中加粗字型顯示的內容,阿里巴巴督促您應重點閱讀。本協議闡述之條款和條件適用於您使用阿里巴巴中文網站(所涉域名為:Alibaba.com.cn、alibaba.cn、1688.com,下同),所提供的在全球企業間(B-TO-B)電子市場(e-market)中進行貿易和交流的各種工具和服務(下稱"服務")。</textarea></td>
</tr>
</table>
</form>
</div>
<div class="dcenter">
<img src="img/footer.jpg" /></div>
<script type="text/javascript">
function chgpic() {
var img = document.getElementById("imgcode");
img.src = "img/code.png";
}
</script>
</body>
</html>
<!--
onmouseout
onmouseover
-->