web京东登陆

一次web练习

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>homework</title>
</head>
<body>
<form id="form1" runat="server">

<div style="font-size:30px">
<img src="img/jd_logo.png" />
欢迎登录
</div>

<table border="1">
<tr style="width:300px">
<td rowspan="10">
<img src="img/login.png" />
</td>
<td style="width:300px">用户名/邮箱:</td>
</tr>

<tr>
<td>
<input type="text" placeholder="mary@163.com" />
</td>
</tr>

<tr>
<td>
密码
</td>
</tr>

<tr>
<td>
<input type="password" />
</td>
</tr>

<tr>
<td>
<input type="checkbox" checked="checked" />自动登录
</td>
</tr>

<tr>
<td style="text-align:center">
<button>登录</button><button>重填</button>
</td>
</tr>

<tr>
<td>
使用京东合作账号登录
</td>
</tr>

<tr>
<td style="text-align:right">
<input type="radio" />QQ
<input type="radio" />京东钱包
</td>
</tr>

<tr>
<td style="text-align:right">
<img src="img/btn_register.JPG" />
</td>
</tr>

</table>

</form>

</body>
</html>

 

 

 

 

 

 请将图片拖入img文件夹

 

 

posted @ 2019-11-26 20:25  霸道总裁爱学习  阅读(290)  评论(0)    收藏  举报