叶雨梧桐BLOG

HTML实例---基本邮箱

发布时间:2013年10月19日 / 分类:前端笔记 / 吐槽

实例目的:熟练掌握框架布局和表单的基本功能

实例要求:建立一个基本的邮箱,需有登录界面,写邮件,发件箱,收件箱,回收站的功能界面。静态处理即可,内部真正的功能不用实现,只要求框架。

 

一、部分代码

1.登陆界面

<html>
<head><title>基本邮箱登录</title></head>
<body>
<center>
<table><tr height="100px"><td></td></tr></table>
<font size="50px" style="font-color:896232;">基本邮箱登录</font>
<form action="index.html" method="post">
账&nbsp&nbsp户:<input type="text" name="username" /><br>
密&nbsp&nbsp码:<input type="password" name="passwd" /><br>
<input type="submit" value="登录" />&nbsp&nbsp<input type="reset" value="重填">
</form>
Design By&nbsp<a href="blog.gt520.com" target=_blank>yywt</a>
</center>
</body>
</html>

2.邮箱登录后首页

<html>
<title>基本邮箱页面</title>
<frameset rows="15%,*" border="1">
<frame src="head_box.html" />
<frameset cols="20%,*"  >
<frame name="frame1" src="left_box.html" noresize/>
<frame name="frame2" src="right_box.html" noresize/>
</frameset>
</frameset>
</html>

3.写邮件界面

<body bgcolor="CDDFF3">

<form action="out_ok.html" method="get">
收件人:<input type="text" name="recipient" size=60 />
<br>
发件人:<input type="text" name="sender" size=60 />
<br>
主&nbsp&nbsp题:<input type="text" name="theme" size=60 />
<br><br>
信件等级&nbsp<select name="rank">
<option value="普通">普通</option>
<option value="中等">中等</option>
<option value="加急" selected="selected">加急</option>
</select>
<br>邮件正文:<br>
<textarea rows="20" cols="140" >
</textarea>
<br>
<input type="submit" value="发送">
<input type="reset" value="重写">
</form>

</body>

二、部分效果图

y3.png

 

y1.png

 

y2.png

 

 

标签:php

版权声明:除特殊注明外,均由叶雨梧桐原创,转载请保留文章出处;
本文链接:http://blog.gt520.com/qdbj/81.html
订阅叶雨梧桐BLOG RSS
分类
最新文章
最近回复
  • 楚狂人博客: 很久没看到博主新文章了,等待
  • 啊啊: 如果对象是隐藏的话还是不行
  • 通古思: PHP是世界上最好的语言!
  • 森七: 想转去ty,收藏了贵站肯定会用到 make
  • 寻芜兮: 博主您好,您写的《Xshell 进行科学上网的正确姿势》中图片已经挂掉了,可以再补档一次吗。
  • 天津网站建设: 感谢博主分享
  • 博客大全: 钻研精神会让你学到更多,加油!
  • 麦麦米: 不错的文章呢
  • 薇洛迪兰: 应该是服务器的问题吧
  • 关于我们: 弱弱的问下博主,接受友情链接吗?
归档