您的位置：首页 > Web前端 > HTML

利用html表单创建网易邮箱注册登陆界面

2017-06-21 16:41 423 查看

暑期实训第一个任务：

1.使用html5创建一个网易邮箱的登陆与注册界面，表单和表格的使用。

想要最终的效果，环境：hbuilder

<html>
<head>
<meta charset="utf-8">
<title>my first website</title>
</head>

<body>
<table  width="65%" height="80%">
<tr><!--行-->
<td height="20%">
<table  height="100%" width="100%">
<tr>
<td>
<img src="163logo.gif" />
</td>
<td>
免费邮 企业邮 VIP邮箱 帮助
</td>
</tr>
</table>
</td> <!--一个格子-->
</tr>

<tr><!--行-->
<td height="60%">

<table  height="100%" width="100%">
<tr>
<td>
<img src="imap.jpg" /><br />
-163/126/yeah三大免费邮箱均默认开放<br/>
-全面支持iPhone/iPad及Android等系统<br />
-客户端、手机与网页，实现发送、阅读邮件立即同步普通登录手机号登录
</td>
<td border="1px" height="100%" width="100%">
<form method="post" action="https://www.163.com/">
<img src="loginIcon.gif" />普通登陆<br /><br /><br />
 用户名：<input type="text" />@163.com<br /><br />
 密码：<input type="password" /><br /> <br />
 版本：<select>
<option>默认</option>
<option>急速</option>
</select><br/><br />
<input type="radio"  name="mode" />自动登陆
<input type="radio"  name="mode" />SSL<br /><br />
<input type="submit" value="登陆">
<input type="submit" value="注册">
</form>
</td>
</tr>
</table>
</td> <!--一个格子-->

</tr>

<tr><!--行-->
<td height="20%">
<table height="100%" width="100%">
<tr>
<td>
<img src="netease_logo.gif" />
</td>
<td>
关于网易 免费邮 官方博客 客户服务 隐私政策 | 网易公司版权所有 ? 1997-2011

</td>
</tr>
</table>
</td> <!--一个格子-->
</tr>

</table>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航