Expanding the capabilities of HTML forms, Application interfaces...

HTML Forms Extension

The features of HTML forms in HTML5 are extended with:

• New types of input controls;

• New input elements for working with the date and time;

• New attributes of the controls;

• New elements used in the form.

Examples of new types of input elements in forms are:

• input type = email - specifies the field that must contain the email address; the structure of the value entered in this field is automatically checked before sending it to the server;

• input type = url - specifies the field that must contain the url address; the structure of the value entered in this field is also automatically checked before being sent to the server.

• input type = tel - specifies the field for entering the phone number; With the pattern attribute, you can set the format of the received phone number (using regular expressions).

• input type = number - specifies the field that must contain numbers; you can specify the range of input numbers using the min and max attributes; with the help of the step attribute, you can specify the step of changing the allowed numbers (for example, if the step is 2, then numbers 0, 2,4, 6, etc. can be entered in the field).

For example,

& lt; input name-email 'type-email' value = 'He email'/& gt;

& lt; input name-url 'type-url' value = 'He url'/& gt;

& lt; input name = 'tel1' type-tel 'pattern-8 [0-9] {10}' />

cinput name = 'tel2' type-tel 'pattern- [0-9] {2,3H0-9] {2} - [0-9] {2}' />

& lt; input name-number 'type =' number 'value-10'/& gt;

In addition, HTML5 introduces new attributes for form elements. For example,

• form - specifies the form that this field belongs to (can be used with all input types);

• multiple - indicates that this field can take multiple values ​​at the same time (can be used with input elements of email and file types);

• novalidate - specifies that this field should not be checked before sending (can be used with form and input);

• placeholder - displays text-hint in the field (can be used with input of types such as text, search, url, tel, email and password);

• required - indicates that this field must be filled out before sending it.

For example,

& lt; input type-file 'multiple-multiple'/& gt; & lt; br/& gt; & lt; br/& gt;

& lt; input type-text 'form =' form1 '/> & lt; br/& gt; & lt; br/& gt;

& lt; form action-html5.php 'novalidate =' novalidate '& gt;

& lt; input type-email 'placeholder =' BBeflnTe Your email '/> & lt; br/& gt; & lt; br />

& lt; input type-text 'required -required "/ & gt;

Application interfaces for JavaScript

New application programming interfaces have been added to HTML5 for the DOM-model:

• 2D and 3D drawing methods on the page;

• control over playback of media files;

• support for the interaction of a web page with a web server (Web-Socket, Server-Sent Events, Cross-Document Messaging);

• support for local storage (local storage, a more functional alternative to cookies);

• Support for the ability to drag items between pages (Drag and Drop);

• the ability to create scripts that will run in the background (Web Worker) and will not affect the speed of loading the main page;

• Support for working with user location tools (geolocation);

• extensions of caching capabilities of pages in the web page browser are available to users even without connecting to the Internet.)

thematic pictures

Also We Can Offer!

Other services that we offer

If you don’t see the necessary subject, paper type, or topic in our list of available services and examples, don’t worry! We have a number of other academic disciplines to suit the needs of anyone who visits this website looking for help.

How to ...

We made your life easier with putting together a big number of articles and guidelines on how to plan and write different types of assignments (Essay, Research Paper, Dissertation etc)