What are the new form elements added in html5

这里注意datalist元素要写id，与input表单元素的 list属性创建联系

Example 1:

Example 2:

Example 3

2. The keygen element

• is a new element in HTML5, used to create a key generator

• When the form is submitted, the private key is stored locally , the public key is sent to the server. The main function is to provide a method for user authentication

• When using it, please note that different browsers have different support levels; currently Internet Explorer and Safari do not support it

• Because it involves some knowledge about the server, we only need to understand the elements in this lesson. Knowledge related to the server is not within the scope of this course.

• keygen element Attributes of the element:

• name/form/autofocus/disabled

• challenge Property: Set the value of keygen to ask on commit.

• keytype attribute: Define the key type. If set to rsa (a password algorithm), an RSA key will be generated.

Example

     
 
 掌握fieldset/legend元素的用法（和figure和figcaption很像，只不过是作用于表单） 
 
 
 
用户注册
 用户名：
 密码： 
 

 keygen元素用法：
 加密：
 
 
   

3. The output element##

tag is displayed as the calculation result output (such as the output of executing a script).

默认内容

for: Define one or more elements related to the output domain, separated by spaces.
form: Define one or more forms to which the input fields belong, separated by spaces.
name: Defines the unique name of the object (used when submitting the form).

     
  
output标签演示：
 
加法计算器
 
  +  = 
0
 
  

Through the above examples, I believe everyone has learned how to use the output tag. It is also easy to change it into a calculator for subtraction, multiplication, division, etc. Interested friends can try it!

【Related recommendations:html video tutorial,web front-end】