《表单——网站留言板》

最新推荐文章于 2024-08-15 13:06:34 发布

刘江波2011

最新推荐文章于 2024-08-15 13:06:34 发布

阅读量1.3w

点赞数 2

分类专栏：网页设计与开发 HTML+CSS+JS 文章标签：表单源代码计算机 html

本文链接：https://blog.csdn.net/sdliujiangbo/article/details/16820645

版权

网页设计与开发 HTML+CSS+JS 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

/* (程序头部注释开始)
* 程序的版权和版本声明部分
* Copyright (c) 2011, 烟台大学计算机学院学生
* All rights reserved.
* 文件名称：    《表单——网站留言板》
* 作    者：       刘江波
* 完成日期：    2013     年   10    月    18    日
* 版本号：    v1.2

* 对任务及求解方法的描述部分
* 问题描述：
* 程序头部的注释结束
*/

源代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> 网站留言簿 </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <BODY>
 <form action="" method="post">
  <table width="600" border="1" align="center" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF">
	<tr align="center" bgcolor="#CCFF99"><td colspan="2">留言簿</td></tr>

	<tr>
		<td width="20%" align="right">你的姓名：</td>
		<td align="left"><input type="text" name="username"><span class="emphasize">*</span></td>
	</tr>

	<tr>
		<td width="20%" align="right">你的邮箱：</td>
		<td align="left"><input type="text" name="email"><span class="emphasize">*</span></td>
	</tr>

	<tr>
		<td width="20%" align="right">你的网站：</td>
		<td align="left"><input type="text" name="website" value="http://"></td>
	</tr>

	<tr>
		<td width="25%" align="right">其他联系方式：</td>
		<td align="left"><input type="text" name="information">(如QQ、MSN、电话等)<span class="emphasize">*</span></td>
	</tr>

	<tr>
		<td width="20%" align="right">留言内容：<br/>(200字以内)   </td>
		<td align="left"><textarea name="message" cols="50" rows="4"></textarea><span class="emphasize">*</span></td>
	</tr>

	<tr>
		<td width="20%" align="right">请选择表情：</td>
		<td align="left"><input type="radio" name="log" value="11.jpg"><img src="11.jpg" alt="图片无法显示！">
		<input type="radio" name="log" value="11.jpg"><img src="12.jpg" alt="图片无法显示！">
		<input type="radio" name="log" value="11.jpg"><img src="13.jpg" alt="图片无法显示！">
		</td>
	</tr>

	<tr>
		<td width="20%" align="right">请选择头像：</td>
		<td align="left"><input type="radio" name="face" value="1.jpg" checked><img src=1.jpg alt="图片无法显示！">
		<input type="radio" name="face" value="2.jpg"><img src=2.jpg alt="图片无法显示！">
		<input type="radio" name="face" value="3.jpg"><img src=3.jpg alt="图片无法显示！">
		</td>
	</tr>

	<tr align="center">
		<td colspan="2"> <input type="submit" value="提交留言"> <input type="reset" value="重新填写"> </td>
	</tr>
  </table>
  </form>
 </BODY>
</HTML>

效果实现：