<?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 4 </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-output4.css" title="style1"/>
      
      
    </head>
    
<body>
  <h1>Output-Element</h1>

<form onsubmit="return false" oninput="amount.value = (days.valueAsNumber * hours.valueAsNumber*hourEuro.valueAsNumber)">
  <legend>Einkommen</legend>

  <p><label for="days">Anzahl der Tage</label>
  <input type="number" min="0" id="days" name="days"/></p>

  <p><label for="hours">Stunden pro Tag</label>
  <span>€</span><input type="number" min="0" id="hours" name="hours"/></p>

  <p><label for="hourEuro">Stundenlohn</label>
  <input type="number" min="0" step="0.2" id="hourEuro" value="0.20" name="hourEuro"/></p>


  <p>Total: <strong>€<output name="amount" for="days hours hourEuro">0</output></strong></p>
</form>
</body>


</html>
















