前端笔记5：综合案例——注册界面

最新推荐文章于 2024-01-25 13:19:32 发布

惹尘

最新推荐文章于 2024-01-25 13:19:32 发布

阅读量164

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/weixin_46037153/article/details/109737688

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
	</head>
	<body>
		<h3>青春不常在，抓紧谈恋爱</h3>
		
		<form>
			性别：<input type="radio" id="man"name="sex" /><label for="man">男</label>
			<input type="radio" id="woman"name="sex" /><label for="woman">女</label><br />
			生日：<select value="请选择年份">
				<option>请选择年份</option>
				<option>2000</option>
				<option>1999</option>
				<option>1998</option>
				<option>1997</option>
			</select>
			<select value="请选择月份">
				<option>请选择月份</option>
				<option>12</option>
				<option>11</option>
				<option>10</option>
				<option>9</option>
			</select>
			<select value="请选择日">
				<option>请选择日</option>
				<option>30</option>
				<option>29</option>
				<option>28</option>
				<option>27</option>
			</select>
			<br />
			所在地区：<input type="text"value="请输入地区" /><br />
			婚姻状况：<input type="radio" id="已婚" name="marriage"/><label for="已婚">已婚</label>
			<input type="radio" id="未婚"name="marriage" /><label for="未婚">未婚</label>
			<input type="radio" id="离婚" name="marriage"/><label for="离婚">离婚</label><br />
			学历：<select >
				<option selected="selected">本科</option>
				<option >专科</option>
				<option >高中</option>
				</select >
				<br>
		    喜欢的类型：<input type="checkbox" id="1"/><label for="1">妩媚的</label>
			 <input type="checkbox" id="2"/><label for="2">可爱的</label>
			 <input type="checkbox" id="3"/><label for="3">小鲜肉的</label>
			 <input type="checkbox" id="4"/><label for="4">老腊肉的</label>
			 <input type="checkbox" id="5"/><label for="5">都可以</label>
			
			</select><br />
			自我介绍：<textarea rows="5"cols="20">自我介绍</textarea><br />
			<input type="submit" value="免费注册"/><br />
			<input type="checkbox"checked="checked" />我同意注册条款和加入会员条款<br />
			<a href="/" target="_blank">我是会员，立即登录</a><br>
			
		
			
		</form>
		
		
		<h4>我承诺</h4>
		<ul>
			<li>年满18，单身</li>
			<li>抱着严谨的态度</li>
			<li>真诚寻找另一半</li>
		</ul>
	</body>
</html>

在这里插入图片描述

惹尘

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
前端笔记5：综合案例——注册界面

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>注册页面</title> </head> <body> <h3>青春不常在，抓紧谈恋爱</h3> <form> 性别：<input type="radio" id="man"name="sex" /><lab
复制链接

扫一扫