HTML <output> Tag

The <output> tag is used to represent the result of a calculation or user action. It is typically used within a form to display the output of a calculation without allowing the user to edit it.

How to Use the <output> Tag

To use the <output> tag, simply include it within a form element and specify the calculation or value that should be displayed as the output. Here is an example:

<form>
  <input type="number" id="num1">
  <input type="number" id="num2">
  <output id="result"></output>
  <button onclick="document.getElementById('result').value = document.getElementById('num1').value + document.getElementById('num2').value">Calculate</button>
</form>

In this example, the <output> tag with the id of "result" will display the sum of the values entered into the input fields with the ids "num1" and "num2" when the button is clicked.

Main Tag Attributes of the <output> Tag

Attribute	Description
for	Specifies the id of the form element that the output is associated with
form	Specifies the id of the form that the output is associated with
name	Specifies a name for the output element

Here is an example of using the <output> tag with the "for" attribute:

<form>
  <input type="number" id="age">
  <output for="age" id="outputAge"></output>
</form>

In this example, the output element is associated with the input field by using the "for" attribute, which is set to the id of the input field.