3.26前端作业-表格表单的综合应用
这个列数真的迷,勉勉强强完成的~
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>11.6综合实例</title>
</head>
<body>
<h3 align="center">第十八届中国国际广告节会议注册表</h3>
<from name="forml" method="post" action="form_action.jsp" enctype="text/plain">
<table border="1" align="center" cellpadding="5" cellspacing="0" width="50%">
<tr>
<td align="left" colspan="5">
参会者姓名<input type ="text" name="username" size="15" />
</td>
<td colspan="4">
职务<input type ="text" name="username" size="15" />
</td>
</tr>
<tr>
<td align="left" colspan="11">
工作单位 <input type="text" name="workplace" size="40" />
</td>
</tr>
<tr>
<td align="center" colspan="3">
电话 <input type="number" name="phone" size="11" />
</td>
<td align="center" colspan="3" >
传真 <input type="number" name="chuanzhen" size="11" />
</td>
<td align="center" colspan="3">
手机 <input type="number" name="telphone" size="11" />
</td>
</tr>
<tr>
<td align="left" colspan="6">
通讯地址 <input type="text" name="place" size="25"/>
</td>
<td align="center" colspan="3" >
邮编 <input type="number" name="youbian" size="11" />
</td>
</tr>
</table>
<table border="1" align="center" cellpadding="5" cellspacing="0" width="50%">
<tr> </tr>
<tr>
<td align="left" colspan="6">
E-mail <input type="text" name="email" size="20"/>
</td>
<td colspan="3">
国家
<select name="nation" size="1" width="50%">
<option value="China">中国</option>
<option value="USA">美国</option>
<option value="UK">英国</option>
</select>
</td>
</tr>
<tr>
<td align="left" colspan="6">
省份
<select name="nation" size="1" width="50%">
<option value="shandong">山东</option>
<option value="hubei">湖北</option>
<option value="jilin">吉林</option>
</select>
</td>
<td colspan="3">
城市 <input type="text" name="city" size="10"/>
</td>
</tr>
<tr>
<td align="center" colspan="11" >会议费标准(人民币)</td>
</tr>
<tr>
<td colspan="3">身份/时间</td>
<td colspan="3">2011年9月20日之前注册</td>
<td colspan="3">2011年9月20日之后注册</td>
</tr>
<tr>
<td colspan="3">中广协会员</td>
<td colspan="3">
<input type="radio" name="1500"/>1500元
</td>
<td colspan="3">
<input type="radio" name="1800"/>1800元
</td>
</tr>
<tr>
<td colspan="3">非会员</td>
<td colspan="3">
<input type="radio" name="1800"/>1500元
</td>
<td colspan="3">
<input type="radio" name="2000"/>2000元
</td>
</tr>
<tr>
<td align="center" colspan="11">
<input type="submit" name="submit" value="提交" />
<a href="https://blog.csdn.net/weixin_45675097" title="下载">第十八届中国国际广告节注册表下载</a>
</td>
</tr>
</table>
<center>
</center>
</from>
</body>
</html>
效果图