• 今天完成的事：任务四完成80%，学会如何用input创建表单，
• 
  
• 如何优化input表单（改变或取消input外边框，改变或取消边框样式，
• 
  
• 设置inputda输入框大小，在边框中这预留文字，如何去除输入框中的轮廓线。等....）
• 
  
• 明天计划的事：完成任务四，开始任务五。
• 
  
• 遇到的问题：input表单中如何预留文字。 查了一下，
• 
  
• input里有一个属性placeholder，在其后面输入文字即可，。如下图：
• 
  
• 

在鼠标点击输入框时会出现轮廓：

最后上网查了一下，这个先就是轮廓。

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，

可起到突出元素的作用。outline 属性设置元素周围的轮廓线。

outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none，

否则轮廓不会出现。但是我们要将轮廓清楚，所以就可以用，

outline-style:none.来清除轮廓。

收获：

Form input标签语法与结构

1. <input name="" type="submit" value="提交" />

2. 
   

3. Name为此表单控件识别命名，一般使用英文字母在一个页面里具有唯一性

4. 
   

5. Type为表单控件样式

6. 
   

7. type="text" 输入框控件，用于输入内容如用户名、密码之类内容输入框控件

8. 
   

9. type="submit" 按钮控件，用于提交、重置动作
10. 
    

11. type="checkbox" 多选复选框控件，用于多选题、多选功能

12. 
    

13. type="radio" 单选框，用于单选，唯一选择功能。

14. 了解了letter-spacing这个属性：
15. 
    
16. letter-spacing 属性增加或减少字符间的空白（字符间距）。
17. 
    
18. 该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，
19. 
    
20. 指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。

取值：

对应的脚本特性为 letterSpacing 。看一下成果：

        表单控件是input元素

accept、alt、checked、disabled、maxlength、name、readonly、size、src、type、value这11个属性是input元素的传统元素属性。

autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、min、multiple、novalidate、pattern、placeholder、required、step、width这19个属性是HTML5新增的元素属性

name：

name属性用于规定input元素的名称，用于对提交到服务器后的表单数据进行标识，或者在客户端通过javascript引用表单数据

[注意]只有设置了name属性的表单元素才能在提交表单时传递它们的值。

type

type属性用来规定input元素的类型

[注意]如果input元素没有设置type属性，或者设置的值在浏览器中不支持，那么输入类型会变成type="text"

accept

accept属性用来规定能够通过文件上传进行提交的文件类型。理论上可以用来限制上传文件类型，然而它只是建设性的，并很可能被忽略，它接受逗号分隔的MIME类型

[注意]该属性只能与type="file"配合使用

alt

alt属性为图像输入规定替代文本，功能类似于image元素的alt属性，为用户由于某些原因无法查看图像时提供备选信息

[注意]alt属性只能与type="image"的input元素配合使用

size

size属性对于type="text"或"password"的input元素是可见的字符数；而对于其他类型，是以像素为单位的输入字段宽度

src

src属性作为提交按钮显示的图像的URL

[注意]src属性只能且必须与type="image"的input元素配合使用

value

value属性为input元素设定值。对于不同的输入类型，value属性的用法也不同：

type="button"、"reset"、"submit"用于定义按钮上的显示的文本

type="text"、"password"、"hidden"用于定义输入字段的初始值

type="checkbox"、"radio"、"image"用于定义与输入相关联的值

[注意1]type="checkbox"或"radio"必须设置value属性

[注意2]value属性无法与type="file"的input元素一起使用

height

height属性用于规定image类型的input标签的图像高度

[注意]该属性只适用于image类型的input标签

width

width属性用于规定image类型的input标签的图像宽度

[注意]该属性只适用于image类型的input标签

form

form属性规定输入域所属的一个或多个表单，form属性必须和所属表单的id

form属性适用于所有input标签的类型，若需要引用一个以上的表单时，用空格分隔

[注意]IE浏览器不支持该属性，只有元素拥有name属性，该属性才有效