首页 > 代码库 > 表单作业

表单作业

技术分享
  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3 <head>
  4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  5     <title>表单作业</title>
  6 </head>
  7 <body>
  8     <form action="">
  9         <table  bgColor=‘#ffffff‘ width="900" cellpadding="10" cellspacing="0" align="center">
 10     
 11             <tr>    
 12                 <td colspan="3" width="100" >1. 会员登录名和密码</td>
 13             </tr>
 14             <tr>
 15                 <td align="right">用户名:</td>
 16                 <td >
 17                     <input type="text" name=‘usre‘><font color=‘red‘>*</font>
 18                     
 19                 </td>
 20                 <td aling=‘center‘>
 21                     <input type="button" value="检测用户名"/>
 22                     <font size="2" color="#0099ff">5-10位,请使用英文(a-z,A-Z),数字(0-9)</font>
 23                 </td>
 24             </tr>
 25             <tr>
 26                 <td align="right">密 码:</td>
 27                 <td>
 28                     <input type=‘password‘ name=‘pass‘><font  color=‘red‘>*</font>
 29                     
 30                 </td>
 31                 <td>
 32                     <font size="2" color="#0099ff">5-10位,请使用英文(a-z,A-Z),数字(0-9)注意区分大小写;密码不能与登录名相同;易记;难猜</font>
 33 
 34                 </td>
 35             </tr>
 36             <tr>
 37                 <td align="right">再次输入密码:</td>
 38                 <td><input type=‘password‘ name=‘pass‘><font color=‘red‘>*</font>
 39                 </td>
 40                 <td>
 41                     <font size="2" color="#0099ff">两次输入的密码必须一致</font>
 42                 </td>
 43             </tr>
 44     
 45         <tr>
 46             <td colspan=‘3‘  >2. 姓名和联系方式</td>
 47         </tr>
 48         <tr>
 49             <td  align=‘right‘>真实姓名:</td>
 50         <td>
 51                     <input type="text" name=‘xingM‘><font color=‘red‘>*</font></td>
 52                         <td>
 53                         <input  type=‘radio‘  name=‘xing‘  value=‘男士‘  checked=”checked”/>男士
 54                         <input  type=‘radio‘  name=‘xing‘  value=‘女士‘  checked=”checked”/>女士
 55                         </td>
 56         </tr>
 57         <tr>
 58                     <td align=‘right‘>电子邮箱:</td>
 59                     <td><input type="text" name=‘youX‘><font color=‘red‘>*</font></td>
 60                     <td><font color=‘red‘ size="2">非常重要!<br></font> <font size="2" color="#0099ff">这是客户与您联系的首选方式,请一定填写真实</font></td>
 61         </tr>
 62         <tr>
 63                     <td align=‘right‘>固定电话:</td>
 64                     <td><input type="text" name=‘Dianh‘><font color=‘red‘>*</font></td>
 65                     <td><font size="2" color="#0099ff">区号+电话号码</font></td>
 66         </tr>
 67         <tr>
 68             <td align=‘right‘>公司所在地:</td>
 69             <td>
 70                         <select name=‘szai‘>
 71                         <option   value=‘北京市‘ size="30">北京市</option>
 72                         </select>
 73                         <select name=‘szai‘>
 74                         <option   value=‘北京市‘>北京市</option>
 75                         <option   value=‘天津市‘>天津市</option>
 76                         </select>
 77             </td>
 78             <td>&nbsp;</td>
 79         </tr>
 80         <tr>
 81             <td align=‘right‘>街道地址:</td>
 82             <td colspan=‘2‘ ><input size="50" type="text" name=‘Dianh‘>
 83                 <font color=‘red‘>*</font>
 84                 <font size="2" color="#0099ff">填写县(区),街道,门牌号</font>
 85             </td>
 86             
 87         </tr>
 88         <tr>
 89             <td align=‘right‘>传真号码:</td>
 90             <td><input type="text" name=‘vianh‘></td>
 91             <td>&nbsp;</td>
 92         </tr>
 93         <tr>
 94             <td align=‘right‘>手机号码:</td>
 95             <td><input type="text" name=‘ianh‘></td>
 96             <td>&nbsp;</td>
 97         </tr>
 98         <tr>
 99             <td align=‘right‘>邮政编码:</td>
100             <td><input type="text" name=‘vxianh‘></td>
101             <td>&nbsp;</td>
102         </tr>
103         <tr>
104             <td colspan=‘3‘>3. 公司名称和主营业务</td>
105             
106         </tr>
107         <tr>
108             <td align=‘right‘>贵公司名称:</td>
109             <td><input type="text" name=‘vxianh‘> <font color=‘red‘>*</font></td>
110             <td>
111             <font size="2" color="#0099ff">请填写在工商局注册的公司/商号全称;</br>
112             无商号的个体经营者填写执照上的姓名;
113             </font>
114 
115             </td>
116         </tr>
117         <tr>
118             <td align=‘right‘>你的职位:</td>
119             <td><input type="text" name=‘vxianh‘> <font color=‘red‘>*</font></td>
120             <td>&nbsp;</td>
121         </tr>
122         <tr>
123             <td align=‘right‘>主营行业:</td>
124             <td>
125                     <select name=‘szai‘>
126                     <option   value=‘dianzi‘ size="30">电子电工</option>
127                     <option   value=‘dianzi‘ size="30">美容美发</option>
128                     </select>
129             </td>
130             <td>
131             <font size="2" color="#0099ff">请正确选择。你会收到该行业,该产品的供求信息</td></font>
132         </tr>
133         <tr>
134             <td align=‘right‘>主营产品/服务:</td>
135             <td colspan=‘2‘><input type="text" name=‘vxianh‘ size="35"> <font color=‘red‘>*</font></td>
136         </tr><tr>
137             <td align=‘right‘>公司网址:</td>
138             <td><input type="text" name=‘vxianh‘ size="35" value="http://"> </td>
139             <td>&nbsp;</td>
140         </tr><tr>
141             <td>&nbsp;</td>
142             <td><input type="image" src="njkn.bmp" alt="Submit" /></td>
143             <td>&nbsp;</td>
144         </tr>
145 
146 
147     </table>    
148 </form>
149 
150 </body>
151 </html>
View Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>表单作业</title>
</head>
<body>
	<form action="">
		<table  bgColor=‘#ffffff‘ width="900" cellpadding="10" cellspacing="0" align="center">
	
			<tr>	
				<td colspan="3" width="100" >1. 会员登录名和密码</td>
			</tr>
			<tr>
				<td align="right">用户名:</td>
				<td >
					<input type="text" name=‘usre‘><font color=‘red‘>*</font>
					
				</td>
				<td aling=‘center‘>
					<input type="button" value="http://www.mamicode.com/检测用户名"/>
					<font size="2" color="#0099ff">5-10位,请使用英文(a-z,A-Z),数字(0-9)</font>
				</td>
			</tr>
			<tr>
				<td align="right">密 码:</td>
				<td>
					<input type=‘password‘ name=‘pass‘><font  color=‘red‘>*</font>
					
				</td>
				<td>
					<font size="2" color="#0099ff">5-10位,请使用英文(a-z,A-Z),数字(0-9)注意区分大小写;密码不能与登录名相同;易记;难猜</font>

				</td>
			</tr>
			<tr>
				<td align="right">再次输入密码:</td>
				<td><input type=‘password‘ name=‘pass‘><font color=‘red‘>*</font>
				</td>
				<td>
					<font size="2" color="#0099ff">两次输入的密码必须一致</font>
				</td>
			</tr>
	
		<tr>
			<td colspan=‘3‘  >2. 姓名和联系方式</td>
		</tr>
		<tr>
			<td  align=‘right‘>真实姓名:</td>
		<td>
					<input type="text" name=‘xingM‘><font color=‘red‘>*</font></td>
						<td>
						<input  type=‘radio‘  name=‘xing‘  value=http://www.mamicode.com/‘男士‘  checked=”checked”/>男士"text" name=‘youX‘><font color=‘red‘>*</font></td>
					<td><font color=‘red‘ size="2">非常重要!<br></font> <font size="2" color="#0099ff">这是客户与您联系的首选方式,请一定填写真实</font></td>
		</tr>
		<tr>
					<td align=‘right‘>固定电话:</td>
					<td><input type="text" name=‘Dianh‘><font color=‘red‘>*</font></td>
					<td><font size="2" color="#0099ff">区号+电话号码</font></td>
		</tr>
		<tr>
			<td align=‘right‘>公司所在地:</td>
			<td>
						<select name=‘szai‘>
						<option   value=http://www.mamicode.com/‘北京市‘ size="30">北京市</option>
						</select>
						<select name=‘szai‘>
						<option   value=http://www.mamicode.com/‘北京市‘>北京市"50" type="text" name=‘Dianh‘>
				<font color=‘red‘>*</font>
				<font size="2" color="#0099ff">填写县(区),街道,门牌号</font>
			</td>
			
		</tr>
		<tr>
			<td align=‘right‘>传真号码:</td>
			<td><input type="text" name=‘vianh‘></td>
			<td> </td>
		</tr>
		<tr>
			<td align=‘right‘>手机号码:</td>
			<td><input type="text" name=‘ianh‘></td>
			<td> </td>
		</tr>
		<tr>
			<td align=‘right‘>邮政编码:</td>
			<td><input type="text" name=‘vxianh‘></td>
			<td> </td>
		</tr>
		<tr>
			<td colspan=‘3‘>3. 公司名称和主营业务</td>
			
		</tr>
		<tr>
			<td align=‘right‘>贵公司名称:</td>
			<td><input type="text" name=‘vxianh‘> <font color=‘red‘>*</font></td>
			<td>
			<font size="2" color="#0099ff">请填写在工商局注册的公司/商号全称;</br>
			无商号的个体经营者填写执照上的姓名;
			</font>

			</td>
		</tr>
		<tr>
			<td align=‘right‘>你的职位:</td>
			<td><input type="text" name=‘vxianh‘> <font color=‘red‘>*</font></td>
			<td> </td>
		</tr>
		<tr>
			<td align=‘right‘>主营行业:</td>
			<td>
					<select name=‘szai‘>
					<option   value=http://www.mamicode.com/‘dianzi‘ size="30">电子电工</option>
					<option   value=http://www.mamicode.com/‘dianzi‘ size="30">美容美发</option>
					</select>
			</td>
			<td>
			<font size="2" color="#0099ff">请正确选择。你会收到该行业,该产品的供求信息</td></font>
		</tr>
		<tr>
			<td align=‘right‘>主营产品/服务:</td>
			<td colspan=‘2‘><input type="text" name=‘vxianh‘ size="35"> <font color=‘red‘>*</font></td>
		</tr><tr>
			<td align=‘right‘>公司网址:</td>
			<td><input type="text" name=‘vxianh‘ size="35" value="http://"> </td>
			<td> </td>
		</tr><tr>
			<td> </td>
			<td><input type="image" src="http://www.mamicode.com/njkn.bmp" alt="Submit" /></td>
			<td> </td>
		</tr>


	</table>	
</form>

</body>
</html>

 

 

表单作业