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>

效果图
在这里插入图片描述

posted @ 2020-03-26 12:42  OvO1  阅读(125)  评论(0编辑  收藏  举报