[devote]

<script type="text/javascript">
  function addIt( type ) {
    var data = {
      A: 0.115,
      B: 0.200,
      C: 0.315,
      D: 0.530
    }

    var value = parseFloat(document.getElementById("input" + type).value.replace(/,/, '.')) || 0;
    document.getElementById("output" + type).value = parseFloat(value * data[ type ]).toFixed(2);
  }
</script>
<h4>Объем воды в различных трубопроводах</h4>
Трубопровод металлопластиковый
<table border="1" class="forms">
<tr>
  <td><strong>Диаметр трубопровода</strong></td>
  <td><strong>Метраж (м.)</strong></td>
  <td><strong>Объем (л.)</strong></td>
</tr>
  <td><strong>16</strong></td>
  <td>
    <input type="text" name="inputA" id="inputA" value="0" size="10" onKeyUp="addIt('A');"/>
  </td>
  <td>
    <input type="text" name="outputA" id="outputA" size="8" />
  </td>
</tr>
<tr>
  <td><strong>20</strong></td>
  <td>
    <input type="text" name="inputB" id="inputB" value="0" size="10" onKeyUp="addIt('B');"/>
  </td>
  <td>
    <input type="text" name="outputB" id="outputB" size="8" />
  </td>
</tr>
<tr>
  <td><strong>26</strong></td>
  <td>
    <input type="text" name="inputC" id="inputC" value="0" size="10" onKeyUp="addIt('C');"/>
  </td>
  <td>
    <input type="text" name="outputC" id="outputC" size="8" />
  </td>
</tr>
<tr>
  <td><strong>32</strong></td>
  <td>
    <input type="text" name="inputD" id="inputD" value="0" size="10" onKeyUp="addIt('D');"/>
  </td>
  <td>
    <input type="text" name="outputD" id="outputD" size="8" />
  </td>
</tr>
</table>