<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title> Output 1 </title>
    <meta name="author" content="Administrator"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css"
      href="html5-form-output.css" title="style1"/>
      <script type="text/javascript">
        // <![CDATA[
          "use strict;"
          function  checkColor( form ) {
          "use strict;"
          form.tColor.value = form.color.value.toUpperCase();
          var color=form.color.value.toUpperCase();
          var red, blue, green;
          red = color.substr(1,2);  // 1->2            color.substring(1,3)
          green = color.substr(3,4);
          blue = color.substr(5,6);
          
          
          form.output.value = red+" "+green+"  "+blue;
          }
          // ]]>
        </script>
        
      </head>
      
<body>
  <h1>Output-Element</h1>
  <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" />
  </form>
      
</body>
    
  </html>
  
  
  
  
  
  
  
  
  
  
  
  
  


