html5+css3 权威指南阅读笔记（三）---表单及其他新增和改良元素

一、新增元素及属性

1.表单内元素的form属性。

html5:

<form id="testForm">

<input type=text>

</form>

<textarea form = testForm></textarea>

2、表单内元素的formaction属性

<form id="testForm" action="test.jsp">

<input type=submit value="qqq"  formaction="test1.jsp">提交到test1

<input type=submit  value="aaa"  formaction="test2.jsp">提交到test2

<input type=submit value="aaaaaa"  formaction="test3.jsp">提交到test3

</form>

3、表单内元素的formmethod属性。

主要是用来判断该提交方式是post还是get

4、表单内元素的formenctype属性。

5、表单内元素的formtarget属性。

6、表单内的autofocus属性。

7、表单内的required属性

8、表单内的lables属性。

9、标签的control属性。

10、文本框的placeholder属性。

11、文本框的list属性。

12、文本框的autocomplete属性。

13.文本框的pattern属性。

14、文本框的selectionDirection属性。

15、复选框的indeterminate属性。

16、image提交按钮的width和heigh属性。

17、textarea的maxlength与wrap属性。

大幅度的增加和改良input属性的种类。

1、url类型。2、email类型。3.date类型。4.time类型5、datetime类型。6、datetime-local类型。7.month类型。8.week类型。9.number类型。10、range类型。等

对新增的表单元素使用样式

二、表单验证

自动验证 required pattern

三、新增的页面元素

figure figcaption

新增的detail与summary元素。

mark 高亮显示。

meter元素   规定范围内的数量值。属性值：max min low value high optimum

改良的ol列表。  start  reversed

增强的script元素。async defer