HTML5 new table unit element
HTML5 has the following new table elements:
St <datalist>
En <Keygen>
T <OUTPUT>
Note: Not all browsers support the new table unit elements of HTML5, but you can use them. Even if the browser does not support format attributes, it can still be displayed as conventional table elements.
Html5 <datalist> element<DataList> Elements specify the option list of the input domain.
The <dataList> attribute stipulates that Form or INPUT domain should have automatic completion function. When the user starts input in the automatic completion of the domain, the browser should display the option filled in this domain:
Use the list attribute of the <input> element to bind <DataList> element.
<! Doctype html> <html> <body> <FORM ACTION = DEMO-FORM.PHP METHOD = GET> <input List = Browsers Name = Browser> <DataList ID = Browsers> <Option Value = Internet explorr> <option value = Firefox> <option value = chrome> <option value = opera> <option value = safari> </datalist> <input type = submit> </form> <p> </strong> Internet Explorer 9 ( Earlier IE version), Safari does not support DataList tags. </p> </body> </html>Html5 <Keygen> element
The role of <KEYGEN> Elements is to provide a reliable method for verifying users.
<Keygen> The label specifies the key pair of the generator field for the form.
When the form is submitted, two keys are generated, one is private key, and the other is a public key.
Private key is stored on the client, and the Public Key is sent to the server. The public key can be used to verify the client certificate of the user later.
<! Doctype html> <hTML> <body> <Form Action = Demo_Keygen.php Method = Get> Username: <input Type = Text Name = usr_name> Encryption: <KEYGEN NAME = SECURITY> < input type = submit> </ Form> <p> <strong> Note: </strong> Internet Explorer does not support Keygen tags. </p> </body> </html>Html5 <OUTPUT> element
<OUTPUT> Elements are used for different types of output, such as calculation or script output:
<! Doctype html> <html> <body> <form oninput = x.value = PARSEINT (A. Value)+PARSEINT (B.value)> 0 <input type = Range ID = 50> 100+ <input Type = NUMBER ID = B Value = 50> = <Output Name = x for = A B> </Output> </Form> <p> <strong> Note: </strong> Internet Explorer does not support the OUTPUT tags. </p> </body> </html>
Html5 new table unit element
The above is all the contents of this article. I hope it will be helpful to everyone's learning. I also hope that everyone will support VEVB Wulin.com.