Shulou(Shulou.com)06/02 Report--

This article mainly introduces which page interaction elements are in html5. It is very detailed and has certain reference value. Friends who are interested must finish reading it.

Html5 page interactive elements are: 1, details, used to represent a specific content; 2, summary;3, datagrid, used to control client data and display; 4, menu, used for interactive menu; 5, command, used to deal with command buttons; 6, progress;7, meter.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

HTML5 interactive elements: functional content expression, there will be a certain amount of content and data relevance, is the basis of various events.

Details: used to represent a specific piece of content, but the content may not be displayed by default, but will only be displayed by some means (such as clicking) to interact with the legend.

Summary: the tag contains the title of the details element, and the "details" element is used to describe detailed information about the document or document fragment.

Datagrid: used to control client-side data and display, can be updated by dynamic scripts.

Menu: mainly used for interactive menus (elements that have been abandoned and re-enabled).

Command: used to process command buttons.

Progress: used to indicate the progress of completion of a task. This progress can be uncertain, only indicating that it is in progress, but it is not clear how much work remains to be done. You can also use a number between 0 and a maximum number, such as 100, to indicate that the exact progress completion (such as progress percentage) property has two values: value: the amount of work that has been completed. Max: how much work is there in total? Note that the value of the value and max attributes must be greater than 0, and the value of value must be less than or equal to the value of the max property.

Meter: the tag defines scalar measurements within a known range or fractional value. Also known as gauge (scale).

Example:

Function command_click () {document.getElementById ("show") [xss_clean] = "clicked to open command";} var intVal = 0; var intTimer; var objpro = document.getElementById ('objpro'); var title = document.getElementById (' mytitle') Function interval_handler () {intVal++; objpro.value = intVal; if (intVal > = objpro.max) {clearInterval (intTimer); title [XSS _ clean] = "download complete" } else {title [XSS _ clean] = "downloading" + intVal+ "%";}} function btn_click () {intTimer = setInterval (interval_handler,100) }-Click Me! Start downloading

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.