<?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> Numbers, Meter, Range </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-numbers.css" title="style1"/>
      <script type="text/javascript">
	// <![CDATA[
        "use strict;"
        function  setRange(value) {
          "use strict;"
alert("11");
          if ( isNaN(value) ) {
          }
          else {
            var zahl = parseInt(value);
            document.getElementById('tRange').value=zahl;
          }
	
         }
          // ]]>
        </script>
      </head>

<body>
  <h1>
    Neue HTML5-Eelemente
  </h1>

<form>
  <div class="table1">
    <div>
     <div class="bold"> number</div>
     <div class="bold">  <input type="number" name="number" /> </div>
    </div>
    <div>
     <div class="bold"> Meter</div>
     <div class="bold"> <input type="meter" name="meter"  /></div>
    </div>
    <div>
     <div class="bold"> Range</div>
     <div class="bold"> </div>
    </div>
  </div>

<input type="text" name="range1" onInput="setRange(this.value)"  onChange="setRange(this.value)"  /> <br />

Aktueller Wert: <input type="text" name="tRange" value="" size="5" />



</form>

</body>

</html>





