叶雨梧桐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
分类
最新文章
最近回复
  • 今日头条: 文章不错非常喜欢
  • 码客: 定时任务我直接用cron
  • 鸟叔: 此时此刻鸟叔想吟诗一首:梧桐夜雨涨秋迟……
  • 夏目贵志: 三年了后偶遇这博客了!
  • 钟水洲博客: 拜个早年
  • 鸟叔の窝: 最近一直在关注贵博客,加个友情链接可否?
  • 荆棘鸟: 请教博主 评论自动发邮件怎么弄 我的域名邮箱老是配置不成功咋回事?
  • thornbird: 为何这样麻烦 直接安装LNMP即可
  • 态度xiaomi: 支持下
  • 梦青年: 我的网站下线了,你可以把我的友链去掉了,感谢多年的支持和关注~ 梦青年。
归档