HTML output example code tutorial

HTML output example Share / Like

NOTE: This new element is HTML5 and will be a standardized element in 2014.

The HTML <output> element is used to render the results from calculations.

HTML CODE EXAMPLE

<input type="text" name="tf1" onchange="addNums()" size="2"> +
<input type="text" name="tf2" onchange="addNums()" size="2"> =
<output name="tf_result" for="tf1 tf2"></output>
<script type="application/javascript" language="javascript">
function addNums(){
  var num1 = Number(document.getElementsByName("tf1")[0].value);
  var num2 = Number(document.getElementsByName("tf2")[0].value);
  document.getElementsByName("tf_result")[0].innerHTML = num1+num2;
}
</script>

Attributes for this element:

name - specify a name for the output element for form submission purposes
Possible Values: "you define name"

for - specify the element or elements that the output is associated with
Possible Values: "space separated list of element IDs"

global attributes - global core attributes
See: list of global attributes

New HTML5 attributes for this element:(applies 2014)

form - specify the form that the output is associated with
Possible Values: "the target form ID"

Event handlers for this element:

global event handlers - global event handler attributes
See: list of global event handlers

Libraries

Videos

Resources

Attributes for this element:

New HTML5 attributes for this element:(applies 2014)

Event handlers for this element: