今天完成的事情：任务十完成了一半 
明天计划的事情：任务十的后半部分 
遇到的问题：导航栏部分的自适应调试了很长时间，导航栏下边的用Div完成的图形想了很久
收获：今天完成的任务八部分用的都是以前的知识，所以留下的时间看了看任务四的深度思考第三个小问题，常见的表单元素

常用的表单元素，包括：

1. form: 定义供用户输入的表单。

2. fieldset: 定义域。即输入区加有文字的边框。

3. legend：定义域的标题，即边框上的文字。

4. label：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。

5. input: 定义输入域，常用。可设置type属性，从而具有不同功能。

6. textarea: 定义文本域(一个多行的输入控件)，默认可通过鼠标拖动调整大小。

7. button: 定义一个按钮。

8. select: 定义一个选择列表，即下拉列表。

9. option: 定义下拉列表中的选项。

接下来是对这些表单元素的具体分析。

<form name="" action="" method="get">……</form>

name : 表单名称；action : 用来指定表单处理程序的位置（url）；method : 定义表单结果从浏览器传送到服务器的方式，默认为"get"（也可以是post）

<input type="" name="" value="" size="">

name:控件名称；value:input控件默认文本值；size:input控件在页面中的显示宽度（必须是正整数）

input常用type属性如下：

1. text：单行文本输入框，可以通过正整数的size控制框长度。

2. password：密码输入框。

3. radio：单选按钮，同一组的单选按钮必须要有相同的name。

4. checkbox：复选框，同一组的单选按钮必须要有相同的name。

5. button：普通按钮。

6. submit：提交按钮，每出现一次，一个 Submit 对象就会被创建。

7. reset：重置按钮，会重置当前表单中全部的内容。

8. image：图像形式的提交按钮，写法是“”。

9. hidden：隐藏域，隐藏字段对于用户是不可见的。

10. file：文件域，用于文件上传。

<select size="" multiple="multiple">

<option hidden>选项1</option>

……

</select>

size：下拉菜单的可见选项数；multiple：多选。