博客列表 >0319作业

0319作业

烟火的博客
烟火的博客原创
2018年03月20日 17:14:24628浏览

0319作业的代码如下:

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>仿世纪佳缘</title>
</head>
<body>
	<form action="" method="post">
		<table border="0" cellspacing="0" align="center" bgcolor="lightblue" cellpadding=6>
			<caption><h3>1分钟注册,享一辈子幸福!</h3></caption>
			<tr><td colspan="2"><hr></td></tr>
			<tr>
				<td align="right"><label for="name">姓名:</label></td>
				<td><input type="text" name="name" value="" placeholder="仅限中文" id="name"></td>
			</tr>
			<tr>
				<td align="right" width=100>性别:</td>
				<td>
					<input type="radio" name=sex  value="male" checked="">男
					<input type="radio" name=sex  value="female">女
				</td>
			</tr>
			<tr>
				<td align="right">地区:</td>
				<td>
					<select name="address" id="">
						<option value="">北京</option>
						<option value="">天津</option>
						<option value="">河北</option>
						<option value="">河南</option>
						<option value="">山东</option>
						<option value="">黑龙江</option>
						<option value="">安徽</option>
						<option value="">内蒙古</option>
						<option value="">福建</option>
						<option value="">浙江</option>
						<option value="">山西</option>
					</select>
				</td>
			</tr>

			<tr>
				<td align="right">年份:</td>
				<td>
					<select name="age" id="">
						<option value="">1980</option>
						<option value="">1981</option>
						<option value="">1982</option>
						<option value="">1983</option>
						<option value="">1984</option>
						<option value="">1985</option>
						<option value="">1986</option>
						<option value="">1987</option>
						<option value="">1988</option>
						<option value="">1989</option>
						<option value="">1990</option>
						<option value="">1991</option>
						<option value="">1992</option>
						<option value="">1993</option>
						<option value="">1994</option>
						<option value="">1995</option>
						<option value="">1996</option>
						<option value="">1997</option>
						<option value="">1998</option>
						<option value="">1999</option>
					</select>
				</td>
			</tr>

			<tr>
				<td align="right">状况:</td>	
				<td>
					<input type="radio" name="hyzk" id="" value="not married" checked>未婚
					<input type="radio" name="hyzk" id="" value="married">已婚
					<input type="radio" name="hyzk" id="" value="die">丧偶
				</td>	
			</tr>

			<tr>
				<td align="right">兴趣:</td>
				<td>
					<input type="checkbox" name=read value="">阅读
					<input type="checkbox" name=game value="">游戏
					<input type="checkbox" name=sleep value="">睡觉
					<input type="checkbox" name=cook value="">烹饪
					<input type="checkbox" name=other value="">其他
				</td>
			</tr>
			<tr>
				<td align="right"><label for="introduce">自我介绍:</label></td>
				<td><textarea name="introduce" id="introduce" cols="40" rows="5"></textarea>
				</td>
			</tr>
			<tr>
				<td align="right">头像:</td>
				<td><input type="file" name="photo" accept="image/*"></td>
			</tr>

			<tr>
				<td align="right"><label for="number">手机号码:</label></td>
				<td>
					<input type="text" name=number value="" placeholder="作为账号" size="10" id="number">
					<a href=""><small>发送验证码</small></a>
				</td>
			</tr>
			<tr>
				<td align="right"><label for="password">设置密码:</label></td>
				<td><input type="password" name="password" value="" placeholder="8位,必须含大小写" id="password"></td>
			</tr>
			
			<tr>
				<td align="right"><label for="conpassword">确认密码:</label></td>
				<td><input type="conpassword" name="conpassword" value=""  placeholder="必须和上一栏大小写一致" id="conpassword"></td>
			</tr>
			
			<tr>
				<td align="right"><label for="concode">验证码:</label></td>
				<td><input type="text" size="10" placeholder="请填验证码" id="concode"></td>
			</tr>
			<tr><td colspan="2"><hr></td></tr>

			<tr>
				<td colspan="2" align="center">
					<input type="submit" name="submit" value="注册">
					    
					<input type="reset" name="reset" value="重置">
				</td>
			</tr>
		</table>
	</form>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议