Thursday , August 16 2018
Home / Web Technologies / HTML5 / Lesson 15: HTML5 New Form Elements

Lesson 15: HTML5 New Form Elements

HTML5 New Form Elements:

HTML5 has the following new form elements:

  • <datalist>
  • <keygen>
  • <output>

Note: Not all major browsers support all the new form elements. However, you can already start using them; If they are not supported, they will behave as regular text fields.

1.HTML5 <datalist> Element:

The <datalist> element specifies a list of pre-defined options for an <input> element.

The <datalist> element is used to provide an “autocomplete” feature on <input> elements. Users will see a drop-down list of pre-defined options as they input data.

Use the <input> element’s list attribute to bind it together with a <datalist> element.

Example:

2.HTML5 <keygen> Element:

The purpose of the <keygen> element is to provide a secure way to authenticate users.The <keygen> tag specifies a key-pair generator field in a form.When the form is submitted, two keys are generated, one private and one public.

The private key is stored locally, and the public key is sent to the server. The public key could be used to generate a client certificate to authenticate the user in the future.

Example:

and create demo_keygen.asp file

3.HTML5 <output> Element:

The <output> element represents the result of a calculation (like one performed by a script).

Example:

 

Print Friendly, PDF & Email

Give us your valuable feedback

comments

About Murali

Hello everyone I am Software Developer having 3+ years of Experience in Microsoft Technologies and Others. My skills :- Asp.net, C#,Ado.net, SQL SERVER, web services, windows Service,Windows applications,HTML,CSS, JavaScript,JQuery,AnjularJs

Check Also

Lesson 13:HTML5 New Form Input Types Example

HTML5 New Form Input Types: HTML5 has several new input types for forms. These new …