Untitled

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>курсовая</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <form method="post" action="server.php" name="submitData" id="submitData" ">
        <div id = "setting" class = "settings" >
            <input form="submitData" type="text" size="30" name="density" id="density" pattern="-?\d+(\.\d{1,20})?" required placeholder = "введите k  жидкости ">
            <input form="submitData" type="text" size="30" name="weaponMass" id="weaponMass" pattern="-?\d+(\.\d{1,20})?" required placeholder = "введите массу оружия ">

            <input form="submitData" type="text" size="30" name="flowVelocity" pattern="-?\d+(\.\d{1,20})?" required title="Разрешены только цифры" id="flowVelocity" placeholder = "введите скорость течения ">
            <input form="submitData" type="text" size="30" name="spearVelocity"  pattern="-?\d+(\.\d{1,20})?" required id="spearVelocity" placeholder = "введите нач. скороть броска">
            <input form="submitData" type="text" size="30" name="fishVelocity"  pattern="-?\d+(\.\d{1,20})?" required id="fishVelocity" placeholder = "введите скорость рыбы ">
            <input form="submitData" type="text" size="30" id = "angle" pattern="-?\d+(\.\d{1,20})?" name="angle" placeholder = "введите угол броска">
        </div>
        <div id = "gameSettings" class="gameSettings">
            <input form="submitData" type="button" size="30" id = "fishTrigger"  value="расположить рыбу">
            <input form="submitData" type="button" size="30" id = "diverTrigger" value="расположить водолаза">
            <input form="submitData" type="button" size="30" id = "spearTrigger" value="расположить гарпун">
            <input form="submitData" type="button" size="30" id = "throwTrigger" value="сделать бросок">
            <input form="submitData" type="submit" size="30" id = "requestTrueCoords" value="узнать координаты попадания">


            <input form="submitData" type="button" size="30" id = "hidePath" value="hide">
           <input form="submitData" type="button" size="30" id = "clearPath" value="clear">


        </div>
        <div class="reset">

        </div>
    </form>

    <div class="canvasContainer" id = "canvasContainer">
      <canvas width="1000" height="700" id="canvas0" class="canvasStyleClass" style="position: absolute; z-index: 0; visibility: visible;">
      </canvas>
      <canvas width="1000" height="700" id="canvas2" class="canvasStyleClass" style="position: absolute; z-index: 1; visibility: visible;">
      </canvas>
      <canvas width="1000" height="700" id="canvas1" class="canvasStyleClass" style="position: absolute; z-index: 2; visibility: visible;" >
      </canvas>
      <canvas width="1000" height="700" id="canvas3" class="canvasStyleClass" style="position: absolute; z-index: 3; visibility: visible;" >
      </canvas>

    </div>

    <script src="script.js">
    </script>
</body>

</html>