综合案例-注册页面(HTML)

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>综合案例-注册页面</title>
</head><body><h3>青春不常在，抓紧谈念爱</h3><!-- 表格域table --><table width="500" border="0"><!-- 行：tr  列：td --><!-- 第一行 --><tr><td>性别:</td><td><input type="radio" name="sex" id="nan"> <label for="nan"><img src="nan.gif"> 男 </label><input type="radio" name="sex" id="nv"> <label for="nv"> <img src="nv.gif">女 </label></td></tr><!--第二行 --><tr><td>生日：</td><td><select><option>--请选择出生年份--</option><option>1999</option><option>2000</option><option>2001</option><option>2002</option><option>2003</option><option>2004</option><option>2005</option><option>2006</option><option>2007</option><option>2008</option></select><select><option>--请选泽月份--</option><option>1月</option><option>2月</option><option>3月</option><option>4月</option><option>5月</option><option>6月</option><option>7月</option><option>8月</option><option>9月</option><option>10月</option><option>11月</option><option>12月</option></select><select><option>--请选择日--</option><option>1号</option><option>2号</option><option>3号</option><option>4号</option><option>5号</option><option>6号</option><option>7号</option><option>8号</option><option>9号</option><option>10号</option><option>11号</option><option>12号</option><option>13号</option><option>14号</option><option>15号</option><option>16号</option><option>17号</option><option>18号</option><option>19号</option><option>20号</option><option>21号</option><option>22号</option><option>23号</option><option>24号</option><option>25号</option><option>26号</option><option>27号</option><option>28号</option><option>29号</option><option>30号</option><option>31号</option></select></td></tr><!--  第三行  value为默认文字--><tr><td>所在地区：</td><td> <input type="text" value="广东"> </td></tr><!-- 第四行 --><tr><td>婚姻状况：</td><td><input type="radio" name="hy" id="wei"> <label for="wei">未婚</label><input type="radio" name="hy" id="yi"> <label for="yi">已婚</label><input type="radio" name="hy" id="li"> <label for="li">离婚</label></td></tr><!--第五行 --><tr><td>学历：</td><td><select><option>--请选择您的学历</option><option>小学</option><option>初中</option><option>高中</option><option>本科</option><option>研究生</option><option>硕士</option><option>博士</option><option>博士后</option><option>讲师</option><option>助教</option><option>教授</option></select></td></tr><!-- 第六行 --><tr><td>喜欢的类型：</td><td><input type="checkbox" name="love">可爱型<input type="checkbox" name="love">清纯型<input type="checkbox" name="love">御姐型<input type="checkbox" name="love">炫酷型</td></tr><!-- 第七行 --><tr><td>个人介绍：</td><td><textarea>请输入个人简介</textarea></td></tr><!-- 第八行 --><tr><td></td><td><input type="submit" value="免费注册"></td></tr><!-- 第九行 --><tr><td></td><td><!-- checked="checked"为默认选择 --><input type="checkbox" checked="checked"> 我同意注册条款和会员加入标准</td></tr><!-- 第十行 --><tr><td></td><!-- #表示为空链接 --><td><a href="#">我是会员，立即登陆</a></td></tr><!-- 第十一行 --><tr><td></td><td><h4>我承诺</h4><!-- ul表示无序列表 --><ul><li>年满18岁，单身</li><li>抱着严肃的态度</li><li>真诚寻找另一半</li></ul></td></tr></table></body></html>

综合案例-注册页面(HTML)相关推荐

HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
css笔记（css的三种引入方式综合案例新闻页面）
CSS引入方式 5.1CSS的三种样式表(CSS样式可以写在哪些地方) 5.2内部样式表(在html页面内部的style标签下写样式,也就是前面练习的所有)(优先级第二) 5.3行内样式表(优先级最高 ...
前端案例 ——注册页面（html+css实现）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
综合案例注册(register)
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
HTML 表格标签、列表标签、表单标签（案例：注册页面）
1. 表格标签表格是实际开发中非常常用的标签: 1. 表格的主要作用 2. 表格的基本语法 1.1 表格的主要作用表格主要用于显示.展示数据,因为它可以让数据显示的非常的规整,可读性非常好.特别是 ...
制作注册页面（HTML）
一.项目成品二.案例说明本项目考察的是对于表格.列表(无序).表单标签的综合运用, 首先我们要写把这个整体看做是一个大表格,每行两列,分很多行我们的所有步骤都是基于一个表格每行两列的情况下,开始 ...
0基础快速入门CSS技术栈（3）—图解详细阐述CSS文字文本样式及综合案例、样式调试工具、快速开发html的emment语法（附详细案例源码解析过程）
文章目录 1. CSS字体样式属性调试工具 2. font字体 2.1 font-size:大小 2.2 font-family:字体 2.2.1 CSS Unicode字体 2.3 font-wei ...
前端学习笔记（注册页面综合案例html5）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
【HTML第二个综合案例】----相亲App注册页面
HTML第二个综合案例第一部分标题: 第二部分表格: 相亲App注册页面:一个用于收集用户的表单(也能起到表格展示数据的作用) 最终效果图---------- 观察可知,该表单包含两部分上部:标题 ...

综合案例-注册页面(HTML)

综合案例-注册页面(HTML)

综合案例-注册页面(HTML)相关推荐

最新文章

热门文章