Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

HTML <output> tags


May 04, 2021 HTML Reference Manual


Table of contents


HTML slt;output> tags

The label displays the results of calculations or user actions, and the label is the new label in HTML5. In the following example, we'll return a calculation that you can see:

The results of the calculation are displayed in the element of the .lt;output:

<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>

Try it out . . .

Browser support

HTML <output> tags HTML <output> tags HTML <output> tags HTML <output> tags HTML <output> tags

Firefox, Opera, Chrome, and Safari all support the hashtag.

Note: The Internet Explorer browser does not support the label.


Label definition and instructions for use

The label is displayed as the output of the calculation (e.g. the output of the execution script).


The difference between HTML 4.01 and HTML5

The label is the new label in HTML 5.


Property

New :HTML5 new property.

属性 描述
for New element_id 描述计算中使用的元素与计算结果之间的关系。
form New form_id 定义输入字段所属的一个或多个表单。
name New name 定义对象的唯一名称(表单提交时使用)。

Global properties

The label supports global properties and views the full property sheet HTML global properties.


The event property

The label supports all HTML event properties.