案例&网上调查问卷

---恢复内容开始---

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>世界杯调查问卷</title>
<style type="text/css">
table.outside{ /* 外层表格 */
background:url(images/bj.jpg);
font-size:12px;
padding:0px;
}
td.title{ /* 表格标题 */
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding-top:3px;
padding-bottom:0px;
}
td.tdoutside{
padding:0px 1px 4px 1px;
}
table.inside{ /* 内层表格 */
width:269px;
font-size:12px;
padding:0px;
margin:0px;
}
td.tdinside{
padding:7px 0px 7px 10px;
background-color:#84EA89;
}
form{
margin:0px; padding:0px;
}
input{
font-size:12px;
}
a{
color:#FFF;
text-decoration:underline;
font-weight: bold;
}

</style>
</head>

<body>
<table class="outside">
<tr>
<td class="title">世界杯调查问卷</td></tr>
<tr><td class="tdoutside">
<form method="post">
<table class="inside" cellspacing="0">
<tr>
<td class="tdinside">
你认为哪个球队可能成为本届世界杯的黑马?<br>
<input type="checkbox" name="checkbox" id="checkbox" />
A 日本
<input type="checkbox" name="checkbox" id="checkbox2" />
B 比利时
<input type="checkbox" name="checkbox" id="checkbox3" />
C 波黑
<input type="checkbox" name="checkbox" id="checkbox4" />
D 智利
<br />
<input type="checkbox" name="checkbox" id="checkbox5" />
E 韩国
<input type="checkbox" name="checkbox" id="checkbox6" />
F 黑西哥
<input type="checkbox" name="checkbox" id="checkbox7" />
G 其他
<br>
<input type="submit" value="提交">
<input type="button" name="viewresult" value="查看"> <a href="#">足球先锋报联合评选</a>
</td>
</tr>
</table>
</form>
</td></tr>
</table>

</body>
</html>

效果如下图所示:

---恢复内容结束---

posted @ 2015-10-01 11:30  moon_shine  阅读(205)  评论(0编辑  收藏  举报