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>

效果圖
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章