zoukankan      html  css  js  c++  java
  • 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>
    
    

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

  • 相关阅读:
    项目设计之---------- 模版模式利用
    项目设计之一------简单工厂模式利用
    项目设计之----命令模式的利用
    项目设计之一---------- 代码重构
    项目设计之---------- 类的设计原则
    项目设计之一-------------项目包的设计原则(原)
    模式经验/理解
    Java常量定义需要注意事项及static作用(复习)
    H2数据库使用 详解
    开源数据库 H2, HSQLDB, DERBY, PostgreSQL, MySQL区别/对比图表( 附加翻译) h2数据库
  • 原文地址:https://www.cnblogs.com/OvOq/p/14853167.html
Copyright © 2011-2022 走看看