<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>问卷调查</title>
<style type="text/css">
body,form,input,p {
padding: 0ox;
margin: 0 auto;
}
div {
width: 1100px;
background-color: #edebe7;
margin: 20px auto;
}
h2 {
text-align: center;
border-bottom: 3px solid #666;
width: 1000px;
margin: 20px auto 0px;
padding: 60px 0 20px;
}
td table {
border-collapse: collapse;
margin: 20px auto;
border: 1px solid #3185CE;
width: 900px;
}
th {
background-color: #3185CE;
font-weight: normal;
line-height: 30px;
text-align: left;
padding: 0 12px;
}
td {
line-height: 50px;
width: 25%;
font-size: 16px;
padding-left: 10px;
}
span {
color: #FFF;
font-size: 18px;
line-height: 50px;
}
.p span {
color: #000;
padding: 0 45px 0;
}
p {
text-align: center;
}
.tj,.cz {
width: 200px;
height: 60px;
margin: 40px 60px 60px;
border: 0px;
font-size: 26px;
color: #fff;
}
.tj {
background-color: #E89C13;
}
.cz {
background-color: #57aeff;
}
</style>
</head>
<body>
<div>
<h2>问卷调查</h2>
<form>
<table>
<tr>
<td>
<table>
<tr>
<th colspan="4"><span>1、(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_1" id="radio_1_1" />
<label for="radio_1_1">A </label>
</td>
<td><input type="radio" name="radio_1" id="radio_1_2" />
<label for="radio_1_2">B</label>
</td>
<td><input type="radio" name="radio_1" id="radio_1_3" />
<label for="radio_1_3">C</label>
</td>
<td><input type="radio" name="radio_1" id="radio_1_4" />
<label for="radio_1_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>2、(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_2" id="radio_2_1" />
<label for="radio_2_1">A</label>
</td>
<td><input type="radio" name="radio_2" id="radio_2_2" />
<label for="radio_2_2">B</label>
</td>
<td><input type="radio" name="radio_2" id="radio_2_3" />
<label for="radio_2_3">C</label>
</td>
<td><input type="radio" name="radio_2" id="radio_2_4" />
<label for="radio_2_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>3、 (必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_3" id="radio_3_1" />
<label for="radio_3_1">A</label>
</td>
<td><input type="radio" name="radio_3" id="radio_3_2" />
<label for="radio_3_2">B</label>
</td>
<td><input type="radio" name="radio_3" id="radio_3_3" />
<label for="radio_3_3">C</label>
</td>
<td><input type="radio" name="radio_3" id="radio_3_4" />
<label for="radio_3_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>4(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_4" id="radio_4_1" />
<label for="radio_4_1">A </label>
</td>
<td><input type="radio" name="radio_4" id="radio_4_2" />
<label for="radio_4_2">B</label>
</td>
<td><input type="radio" name="radio_4" id="radio_4_3" />
<label for="radio_4_3"> C</label>
</td>
<td><input type="radio" name="radio_4" id="radio_4_4" />
<label for="radio_4_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>5、(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_5" id="radio_5_1" />
<label for="radio_5_1">A </label>
</td>
<td><input type="radio" name="radio_5" id="radio_5_2" />
<label for="radio_5_2">B</label>
</td>
<td><input type="radio" name="radio_5" id="radio_5_3" />
<label for="radio_5_3">C</label>
</td>
<td><input type="radio" name="radio_5" id="radio_5_4" />
<label for="radio_5_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>6、(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_6" id="radio_6_1" />
<label for="radio_6_1">A </label>
</td>
</tr>
<tr >
<td><input type="radio" name="radio_6" id="radio_6_2" />
<label for="radio_6_2">B</label>
</td>
</tr>
<tr>
<td><input type="radio" name="radio_6" id="radio_6_3" />
<label for="radio_6_3">C </label>
</td>
</tr>
<tr>
<td><input type="radio" name="radio_6" id="radio_6_4" />
<label for="radio_6_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>7、(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_7" id="radio_7_1" />
<label for="radio_7_1">A </label>
</td>
</tr>
<tr>
<td><input type="radio" name="radio_7" id="radio_7_2" />
<label for="radio_7_2">B</label>
</td>
</tr>
<tr>
<td><input type="radio" name="radio_7" id="radio_7_3" />
<label for="radio_7_3">C </label>
</td>
</tr>
<tr>
<td><input type="radio" name="radio_7" id="radio_7_4" />
<label for="radio_7_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>8、(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_8" id="radio_8_1" />
<label for="radio_8_1">A </label>
</td>
<td><input type="radio" name="radio_8" id="radio_8_2" />
<label for="radio_8_2">B</label>
</td>
<td><input type="radio" name="radio_8" id="radio_8_3" />
<label for="radio_8_3">C </label>
</td>
<td><input type="radio" name="radio_8" id="radio_8_4" />
<label for="radio_8_4">D</label>
</td>
</tr>
</table>
<table>
<tr>
<th colspan="4"><span>9、(必填)</span></th>
</tr>
<tr>
<td><input type="radio" name="radio_9" id="radio_9_1" />
<label for="radio_9_1">A </label>
</td>
<td><input type="radio" name="radio_9" id="radio_9_2" />
<label for="radio_9_2">B </label>
</td>
<td><input type="radio" name="radio_9" id="radio_9_3" />
<label for="radio_9_3">C </label>
</td>
<td><input type="radio" name="radio_9" id="radio_9_4" />
<label for="radio_9_4">D</label>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p>
<input type="submit" value="提交" class="tj" />
<input type="reset" value="重新填写" class="cz" />
</p>
</form>
</div>
</body>
</html>