今天完成的事：

1.任务四代码调试完成。

2.将任务1到任务四应用到的知识从新梳理了一遍，

3.学了任务四的深度思考的一些知识。

常见的表单元素：

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

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

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

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

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

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

                button:定义一个按钮。

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

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

常见的表单种类：（这些事经常用到的）

文本框: 文本框是一种让访问者自己输入内容的表单对象，通常被用来填写信息或者简短的回答，如姓名、地址等。

代码格式：<input type="text" name="..." size="..." maxlength="..." value="..."

 属性解释：

                type="text"定义单行文本输入框；

                name属性定义文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                size属性定义文本框的宽度，单位是单个字符宽度；

                maxlength属性定义最多输入的字符数。

                value属性定义文本框的初始值

多行文本框: 也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。

代码格式：<textarea name="..." cols="..." rows="..." wrap="VIRTUAL"></textarea>

属性解释：

                name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                cols属性定义多行文本框的宽度，单位是单个字符宽度；

                rows属性定义多行文本框的高度，单位是单个字符宽度；

                wrap属性定义输入内容大于文本域时显示的方式

密码框: 是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。

代码格式：<input type="password" name="..." size="..." maxlength="...">

               属性解释：

                type="password"定义密码框；

                name属性定义密码框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                size属性定义密码框的宽度，单位是单个字符宽度；

                maxlength属性定义最多输入的字符数。

隐藏域: 隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

代码格式：<input type="hidden" name="..." value="...">

属性解释：

                type="hidden"定义隐藏域；

                name属性定义隐藏域的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                value属性定义隐藏域的值

单选框: 当需要访问者在单选项中选择唯一的答案时，就需要用到单选框了。

代码格式：<input type="radio" name="..." value="...">

 属性解释：

                type="radio"定义单选框；

                name属性定义单选框的名称，要保证数据的准确采集，单选框都是以组为单位使用的，在同一组中的单选项都必须用同一个名称；

                value属性定义单选框的值，在同一组中，它们的域值必须是不同的。

复选框: 复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。

代码格式：<input type="checkbox" name="..." value="...">

属性解释：

                type="checkbox"定义复选框；

                name属性定义复选框的名称，要保证数据的准确采集，必须定义一个独一无二的名称；

                value属性定义复选框的值

提交按钮: 提交按钮用来将输入的信息提交到服务器。

代码格式：<input type="submit" name="..." value="...">

属性解释：

                type="submit"定义提交按钮；

                name属性定义提交按钮的名称；

                value属性定义按钮的显示文字；

复位按钮: 复位按钮用来重置表单。

代码格式：<input type="reset" name="..." value="...">

属性解释：

                type="reset"定义复位按钮；

                name属性定义复位按钮的名称；

                value属性定义按钮的显示文字；

4.学习了Flex布局（即弹性布局）（今天只是解了flex布局的一些基本属性和用法，手动实践了一下，还做不到灵活运用，需要进一步加深记忆）

flex布局是用来为盒模型提供最大的灵活性。

任何一个容器都可以指定为flex布局，行内元素也可以使用flex布局；但是需要注意的是，设置了flex布局后，子元素的float，clear和verticai-align属性都会失效.

采用flex布局的元素称之为flex容器.它的所有子元素自动成为容器成员，称之为flex项目.

5.了解了一下任务五的大概流程，及任务资源中的页面布局，为任务五做准备。

明天计划的事：提交任务四，巩固基础知识。理清思路开始任务五

遇到的问题：学习了flex布局后，自己手动尝试了一遍，对于一些属性标签不太理解，做不到灵活运用。

收获：任务四已完成，初步接触任务五。

禅道链接：http://task.jnshu.com/zentao/project-task-893-unclosed.html