今天完成的事情：

1.学习了HTML标签<form> <input> <label> 

  <form> 标签用于为用户的输入创建 HTML 表单，用于向服务器传输数据。它是块级元素。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。  <form>元素重要的属性是action、method、name、target、autocomplete 。

 <label> 标签为 input 元素定义标注（标记）。<label> 标签的 for 属性应当与相关元素<input>的 id 属性相同。当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。常用在单选框和复选框上。

<input> 标签用于搜集用户信息<input>标签最重要的属性有type、name、value、width、height、required、readonly .......

  根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是

text 、password、radio、checkbox、reset、submit、button、file、image、hidden。

虽然在任务四中只用到input标签，input属性非常的多，这有一篇详细介绍：http://blog.sina.com.cn/s/blog_161005e400102wa2n.html

2.根据设计图完成页面

明天计划的事情:  已经做到第四个任务了，打算把之前任务的深度思考题整理一下 
遇到的问题:在学习input标签时，有一个maxlength属性：定义input元素中可输入的最长字符数；如 maxlength="50" 表示最多可以输入50个字符；想到可以用在输入电话号的input上，maxlength="11"，但并未起作用，百度后发现：需要与size属性通用才可其作用

size属性 ：元素的宽度；很多人都知道在HTML中，常见的宽度是用 width 表示的，而在input中 width 属性只使用与 type="image" 时使用，input元素的宽度需要通过size属性来设定，size的值为数字，数字越大input元素越长，数字越小input元素越短；

收获：以前只是知道有<form> <input> <label> 标签，也只用过<input> ，今天知道了  <form> 标签用于为用户的输入创建 HTML 表单，用于向服务器传输数据，有四个属性：

method属性：规定用于发送 form-data 的 HTTP 方法。实际上就是请求的方式get/post(后面学习ajax的时候肯定会用到)。

①GET方式：最常见的提交方式，也就是将请求的参数直接拼接在请求路径的后面。这样的方式会把参数暴露在地址栏，不安全，而且有长度的限制。

②POST方式：也比较常见。这种请求方式将参数保存在请求体中，地址栏不会出现请求的参数。相对安全。 

name属性：表单的名称。 

action属性：指定表单请求的路径 

target属性：指定action的Url在哪里打开

 <label>一般和<input>连用，<label> 标签的 for 属性应当与相关元素<input>的 id 属性相同。当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。常用在单选框和复选框上。