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>
    
    

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

  • 相关阅读:
    软件设计7个原则
    vue.js 样式绑定 font-size 问题
    实例理解scala 隐式转换(隐式值,隐式方法,隐式类)
    著名端口整理(常用服务的默认端总结)
    .NET Core Web API 实现大文件分片上传
    ngnix反向代理tomcat,ssl证书配置及自定义错误页面
    微信登录闪退
    gradle如何配置阿里云的中央仓库
    HashMap底层实现和原理
    关于Java中String类的hashCode方法
  • 原文地址:https://www.cnblogs.com/OvOq/p/14853167.html
Copyright © 2011-2022 走看看