一、项目成品

二、案例说明

 本项目考察的是对于表格、列表（无序）、表单标签的综合运用，

首先我们要写把这个整体看做是一个大表格，每行两列，分很多行

我们的所有步骤都是基于一个表格每行两列的情况下，开始的

 所以我们可以先写出整个大框架，一个大表格，之后再往里面细填东西

性别栏：

因为是单选，所以我们在使用radio作为type的同时，还需要添加name属性，绑定“男”和“女”具有相同的name属性，这样因为属性相同所以只能二选一
添加label标签的原因是为了扩大点击的范围，原本我们是只有点击小圆圈才能有效，再添加label属性后，我们点击“男”这个字，同样能达到点中小圆圈的作用

生日栏：

需要用到select标签和下属的option标签

地区栏：

type为“text”时为文本框，使用value属性是代表一个默认值

婚姻栏：

情况与性别栏类似；只是多了个checked属性，表示为默认选中项

下面情况类似：

使用button属性为提交键，但需要与JavaScript配合使用，

若是只是使用html的话，更推荐sumbit标签和reset标签

最后便是无序列表了

使用方法为：

    
榴莲
臭豆腐
鲱鱼罐头
123

有序列表为：

    
 10000
 1000
1

三、项目代码

青春不常在，抓紧谈恋爱
性别:
   男     女 
生日:
--请选择年份--200120022003--请选择月份--123--请选择日--123
所在地区
婚姻状况:
未婚    已婚   离婚
学历:
喜欢的类型:
 妩媚的  可爱的  小鲜肉  老腊肉  都喜欢 
个人介绍
个人简介
    我同意注册条款和会员加入标准
 我是会员，立即登录
我承诺
年满18岁、单身
抱着严肃的态度
真诚寻找另一半