一、今天完成的事：

  1、下载任务资源，为input旁边的小图片切图

        采用图层转智能编辑法

  2、HTML结构布局

     思路：首先布局顶部，然后是form表单内容，最后加上button用以提交表单，然后对各个部分得

样式进行调整，即可完成页面

     1、头部布局，三个内容分别用<span>标签包裹，不，登陆好像突出一些，用<h2>标签

     2、表单部分用input标签，类型分别是text及password，因为两个是独立的，用无序列表

     3、尾部用提交按钮<button>表示

二、遇到的问题：

        表单标签的类别及用法

        如何限制表单内容？

            maxlength="11"

三、明天计划的事：

        添加CSS样式

        完成手机自适应

四、收获：

   1、表单应该由form便签包裹

   2、<label>标签的定义和用法

        label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 

label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转

到和标签相关的表单控件上。

        <label> 标签的 for 属性应当与相关元素的 id 属性相同。

   3、查看学习资料-《绝对——relative, absolute, fixed 的区别是什么》