8月4日学习心得

（笔记接8月3日学习心得）
十五、表单(form)
主要用于用户与web服务器进行交互。
1.action:URL，用来处理表单信息的服务器地址。
2.method:浏览器用来提交表单的http方式，常用get/post。
get:通过此方式提交的表单数据会被附加在链接上，通过?分割。
post:通过此方式提交的表单数据不会被附加在链接上，表单数据会存放在请求体，传递给服务器。
3.name:设置表单名称。
4.target:_blank,_self
5.当method为post时，表单内容提交给服务器的内容类型 enctype
默认：application/x-www-form-urlencoded
当表单中有文件内容时：multipart/form-data
6.表单元素
input:用于接收来自用户的数据
value:用于控件初始化，默认值等功能。
name：用于设定控件名及提交数据的属性名。
checked：单选框&复选框，默认选中属性。
disabled：禁用组件，禁用后组件的值不可提交。
hidden：隐藏组件，隐藏后的组件值会被提交。
size：控件的初始宽度，单位px，但text和password除外，他们指字符的数目。
maxlength：可以输入的字符数量的最大值。
min number
max number
7.select:用于表示下拉列表或列表。
multiple:指定控件类型（下拉列表或列表）。
size：若multiple生效，size表示同时展示的行数。
name：指定组件的名字。
optgroup:包含option后形成的选项组。
option：表示选项，包含在select中。
disabled：禁用组件，禁用后组件的值不可提交。
value：定义控件的初始值，提交表单时，初始值会被提交。
selected:默认被选中的项。
8.textarea:无value属性
rows：文本框初始行数
cols：文本框初始列数
readonly：只读，但是值可以提交。
disabled：禁用。
name
9.fieldset：在一个表单中对多个控件或标签进行分组。
：分组的标题。
属性 disabled：直接禁用整个分组中的控件。
10.progress：进度条
value：0-1之间，小数。
max：默认值1。
10%""
11.meter
40绿色
12.datalist
表示其他控件可用的值
与select做对比
1.select选中后显示文本内容，datalist显示value
2.提交的时候都是提交value
3.在firefox只显示内容，在chrome显示内容和value
13.H5中对input的扩展
autofocus
placeholder=“请输入用户名/密码”
required必填项
pattern=""校验