用 input 做一个简单的综合案例

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<h4>青春不常在,抓紧谈恋爱</h4>
	<table width="600px" >
		<!-- 第一行 -->
		<tr>
			<td>性别</td>
			<td>
				<input type="radio" value="" name="sex" id="nan" checked="checked"><label for="nan"><img src="G:/html自我学习/表单元素/img/男.png" alt="">男</label>
				<input type="radio" value="" name="sex" id="nv"><label for="nv"><img src="G:/html自我学习/表单元素/img/女.png" alt="">女</label>
			</td>
		</tr>
		<!-- 第二行 -->
		<tr>
			<td>生日</td>
			<td>
				<select name="" id="">
					<option value="">--请选择年份--</option>
					<option value="">2001</option>
					<option value="">2002</option>
					<option value="">2003</option>
					<option value="">2004</option>
				</select>
				<select>
					<option value="">--请选择月--</option>
					<option value="">1</option>
					<option value="">2</option>
					<option value="">3</option>
					<option value="">4</option>
				</select>
				<select name="" id="">
					<option value="">--请选择日--</option>
					<option value="">1</option>
					<option value="">2</option>
					<option value="">3</option>
					<option value="">4</option>
				</select>
			</td>
		</tr>
		<!-- 第三行 -->
		<tr>
			<td>所在地区</td>
			<td><input type="text" name="" value="北京思密达"></td>
		</tr>
		<!-- 第四行 -->
		<tr>
			<td>婚姻状况</td>
			<td>
				<input type="radio" name="marry" checked="checked">未婚
				<input type="radio" name="marry">已婚
				<input type="radio" name="marry">离婚
			</td>
		</tr>
		<!-- 第五行 -->
		<tr>
			<td>学历</td>
			<td><input type="text" value="博士后"></td>
		</tr>
		<!-- 第六行 -->
		<tr>
			<td>喜欢类型:</td>
			<td>
				<input type="checkbox" name="love">妩媚的
				<input type="checkbox" name="love">可爱的
				<input type="checkbox" name="love" checked="checked">苗条的
				<input type="checkbox" name="love">美丽的
			</td>
		</tr>
		<!-- 第七行 -->
		<tr>
			<td>个人介绍</td>
			<td>
				<textarea>个人简介</textarea>
			</td>
		</tr>
		<!-- 第八行 -->
		<tr>
			<td></td>
			<td>
				<input type="submit" name="" id="" value="免费注册">
			</td>
		</tr>
		<!-- 第九行 -->
		<tr>
			<td></td>
			<td>
				<input type="checkbox" checked="checked">我同意注册会员
			</td>
		</tr>
		<!-- 第十行 -->
		<tr>
			<td></td>
			<td>
				<a href="#">我是会员,立即登录</a>
			</td>
		</tr>
		<tr>
			<td></td>
			<td>
				<h5>我陈诺</h5>
				<ul>
					<li>年满18岁、单身</li>
					<li>抱有严肃的态度</li>
					<li>真诚寻找另一半</li>
				</ul>
			</td>
		</tr>

	</table>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值