Home > Web Front-end > Front-end Q&A > What is an output element in html5

What is an output element in html5

青灯夜游
Release: 2021-12-23 15:35:38
Original
2326 people have browsed it

In HTML5, the output element is "output". This tag element is used to define different types of output. The calculation results can be displayed through the "" tag; the syntax "".

What is an output element in html5

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

In HTML5, the output element is "output".

html5 The tag defines different types of output, such as the output of a script.

tag is used to output calculation results or the results of user actions.

Several attributes of the element:

  • for: used to indicate the ID of the element participating in the calculation, separate multiple IDs with spaces

  • form: The ID of the form corresponding to this element. If this element is placed in a form, there is no need to specify this value. When it is outside a form, it needs to indicate which form it belongs to.

  • name: The name of this element.

##Example 1: Display the calculation results in the element

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
Copy after login

What is an output element in html5

Example 2:

<form onsubmit="return false" oninput="o.value = parseInt(a.value) + parseInt(b.value)">
  <input name="a" type="number" step="any"> +
  <input name="b" type="number" step="any"> =
  <output name="o"></output>
</form>
Copy after login

What is an output element in html5

Related recommendations: "

html video tutorial"

The above is the detailed content of What is an output element in html5. 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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template