1.Form tag : is used to form the outer form and content association. The main elements have input, button, select.
action attribute: sending address specified form.
Novalidate properties: does not verify data submitted.
Target attribute: Specify where to open the specified url.
method attribute: form data transmission method to the server, the default attribute is get. Commonly used are: get and post.
Get: the data submitted to the server will automatically annexed URL.
Post: data is not attached to the URL, the data package will be sent to the server, waiting for the server to read the data.
2.Input Tags :
Type attribute : Specifies the type of input content, default text line text box. Other types:
①Text, Password, checkbox (checked to set the default value), radio (checked set a default value, and must be the same group provided a single option the same name).
②submit,reset,button。
③image (pictorial submit button), hidden (hidden field).
④email (E-mail - - verifies), tel (telephone - - do not check), url (a website - - will check).
⑤number (with max / min / step / value predetermined maximum / minimum / step / default);
range (with Number. is a numerical value range of the input, but is active status bar display).
⑥color (establishing a color selection input box);
Time classes (datetime-local, date, month, week, time).
⑦Search (build a search box for users to enter a keyword search);
File (create a file selection input box, you can accept a predetermined attribute type .Multipe selected file may be set to allow multiple file once.)
Name property: input content identification name, parameters name when passing parameters.
Value property: the default value.
Size properties: the text box can be made longer.
Maxlength property: maximum number of words entered.
Readonly attributes: read-only attribute, content settings can not be changed.
Disabled property: set to be used (inoperable).
Required attributes: Set the content item must be completed, otherwise it can not be submitted.
Placeholder properties: live focus when the text box is cleared.
Autocomplet properties: Property value on / off, open the browser to define whether the automatic memory function.
The autofocus attribute: automatically focus.
Accesskey attribute: Specifies the shortcut key (after designated shortcut key, press alt + or shortcut key can be automatically obtained focus.)
Tabindex attribute: Specifies the tab key press, the movement sequence between projects.
3.button Tags : same label established with the input button (try to use the input in the form of other places you can use the Button )
Type property: values are submit, reset, button
Name/value/disable属性:同input
Autofocus attribute: button automatically focus
Form attributes: Set button belongs Form
Formmethod attributes: Who will form submission, submission before the cover
Formnovalidate property:
Formaction attributes: url Object specified transmission form
Formenctype attribute: Specifies the form data type
Formtarget property:
4.Select label and datalist tag :
5.Label Tags : action is the words on the label point can select the check box.
6.optgroup label : the role of grouping.
7.textarea Tags : multi-line text box.
8. output tags : for definition of the output field elements related elements.
oninput form events: when the user to input data elements trigger.
the parseInt () function: parse the string, returns an integer.
9. progress Tags: progress bar. Attributes: max, value the progress of the current value, form.
meter Tags: measure strips. Attributes: max, min, value, form , low low standard, high standard high (low standard color region and the intermediate region is not the same).
10. The the fieldset tags: the related elements within the form packet, usually a border.
legend Tags: define a title for the fieldset.
11. The keygen Tags: establishing a key generator for, when the form is submitted, the private key is stored in the local transmission, the public key to the server, the main role is to provide a method to authenticate users.
① attributes: name, form, autofocus, disabled.
②challenge property: value keygen set at submission time.
③keytype attributes: define key type, such as RSA keys.
12. The pattern attributes : setting input of the type of a regular expression.
13.details label: used to describe the details of the document. details on the open attribute specifies the page is visible.
summary Tags: to define the details of the title, when the user clicks on the title, will show the details of the contents.