---
title: "HTML 5 Output Element"  
description: "HTML 5 introduced a new element output which is used to represent the result of different types of output, such as output written by a script.HTML 5 o"  
author: "Anonymous User"  
published: 2011-07-23  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/582/html-5-output-element  
category: "html5"  
tags: ["html5"]  
reading_time: 1 minute  

---

# HTML 5 Output Element

HTML 5 introduced a new element <output> which is used to represent the result of different types of output, such as output written by a script.HTML 5 offers<output> tag which is used to dynamically show result of a JavaScript function .\

```
<head>     <script type="text/javascript">           function changefont() {            document.getElementById("result").value = document.forms[0].text.value.toUpperCase();  //retrieving textbox value and changing font size in upper case         }     </script></head><body>     <form id="form1">     <p>         Example of output element:</p>     <input id="text" />     <label id="l1">     </label>     <output id="result" onforminput="changefont()"></output>     <!--output element is used to show dynamically result of a javascript function  depending on the input-->     </form></body>
```

If I will write any text in the textbox all text of textbox will convert in upper case as shown below:

##### Screenshot

![HTML 5 Output Element](https://www.mindstick.com/mindstickarticle/026e1d8b-3c9d-454c-915f-dccc169932e4/images/1efb779e-9bf4-4704-beb1-3b1db999c32c.png)

##### Browser Support

| ## Attribute | ## Firefox | ## IE | ## Opera | ## Chrome | ## Safari |
| --- | --- | --- | --- | --- | --- |
| ## output | No | No | 10.5 | 3.0 | No |

---

Original Source: https://www.mindstick.com/articles/582/html-5-output-element

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
