HTML5 form element examples explained

零下一度
Release: 2017-05-15 10:57:57
Original
1738 people have browsed it

HTML5 New form elements

HTML5 has the following new form elements:

< output>

Note: Not all browsers support the new HTML5 form elements, but you can use them, and even if the browser does not support the formattribute, it can still be displayed as a regular Form elements.

HTML5element

element specifies a list of options for an input field.

attribute specifies that the form or input field should have theauto-completefunction. When the user begins typing in an autocomplete field, the browser should display the filled-in options in that field:

Use the list attribute of theelement to bind to theelement.

Example

element usespredefined value:

  
Copy after login

HTML5element

The role of the element is to provide a reliable way to authenticate users. The

tag specifies the key pairgeneratorfield used for the form.

When the form is submitted, two keys will be generated, one is the private key and the other is the public key.

The private key is stored on the client, and the public key is sent to the server. The public key can be used to later verify the user's client certificate (client certificate).

Example

Form with keygen field:

用户名: 加密:
Copy after login

HTML5element

element is used for different types of output , such as calculation or script output:

Example

Display the calculation results in theelement:

0 100 + =
Copy after login

[Related recommendations]

1.Special recommendation:"php Programmer Toolbox" V0.1 version download

2.Free h5 online Video tutorial

3.php.cn original html5 video tutorial

The above is the detailed content of HTML5 form element examples explained. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!