HTML5+CSS3 Authoritative Guide reading notes (iii)---forms and other new and improved elements

First, new elements and attributes

1. Form properties of elements within the forms.

HTML5:

<form id= "Testform" >

<input type=text>

</form>

<textarea form = testform></textarea>

2. FormAction attributes of elements within a form

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

<input type=submit value= "QQQ" formaction= "test1.jsp" > Submit to Test1

<input type=submit value= "AAA" formaction= "test2.jsp" > Submitted to Test2

<input type=submit value= "aaaaaa" formaction= "test3.jsp" > Submit to Test3

</form>

3. The FormMethod attribute of the elements within the form.

It is primarily used to determine if the commit is a post or a get

4. The Formenctype attribute of the elements within the form.

5. The Formtarget attribute of the elements within the form.

6. The autofocus attribute in the form.

7. Required attribute in form

8. The lables attribute in the form.

9, the control property of the label.

10. The placeholder property of the text box.

11. The List property of the text box.

12. The AutoComplete property of the text box.

13. The Pattern property of the text box.

14. The Selectiondirection property of the text box.

15. The Indeterminate property of the check box.

16. The width and Heigh properties of the image submit button.

17. TextArea's maxlength and wrap properties.

Greatly increase and improve the type of the input attribute.

1. Type of URL. 2. Type of email. 3.date type. 4.time type 5, datetime type. 6, datetime-local type. 7.month type. 8.week type. 9.number type. 10, Range type. such as

Use styles for new form elements

Second, form verification

Automatic validation of required pattern

Third, the new page element

Figure Figcaption

Added detail and summary elements.

Mark is highlighted.

The quantity value within the range specified by the meter element. Property value: Max min low value high optimum

Improved OL list. Start reversed

The enhanced SCRIPT element. Async defer

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

HTML5+CSS3 Authoritative Guide reading notes (iii)---forms and other new and improved elements