Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Molecula</title>
    <link href="css/style.css" rel="stylesheet">
</head>
<body onload = "start()">
    <form>
        <!-- окно для ввода формулы/названия молекулы -->
        <input type="text" id="searchbox" border="5" placeholder="Type here..."
        style="height:2%; width:20%; position:fixed; top:4%; left:39%;">
        <button type="text" id="sumbitSearch" border="5"
        style="height:2.35%; width:6%; position:fixed; top:4%; left:60%;"
        onclick="getMolecula(); return false;"> Search </button>

        <!-- кнопки для переключения стилей отображения -->
        <button id="ball_stick" style="height:3%; width:12%; position:fixed; left:17%; top:9%;"> Ball-and-stick </button>
        <button id="spacefill"  style="height:3%; width:12%; position:fixed; left:30%; top:9%;"> Spacefill </button>
        <button id="stick"      style="height:3%; width:12%; position:fixed; left:43%; top:9%;"> Stick </button>
        <button id="wireframe"  style="height:3%; width:12%; position:fixed; left:56%; top:9%;"> Wireframe </button>
        <button id="surface"    style="height:3%; width:12%; position:fixed; left:69%; top:9%;"> Surface </button>

        <!-- кнопки переключения режима отображения -->
        <button id="view"    style="height:4%; width:14%; position:fixed; left:34%; top:14%;"> View Mode </button>
        <button id="compare" style="height:4%; width:14%; position:fixed; right:34%; top:14%;"> Compare Mode </button>
    </form>

    <!-- холст для отрисовки молекулы -->
    <canvas id="glcanvas" style="height:70%; width:80%; position:fixed; top:22%; left:10%"></canvas>
    <script src="code/openGL.js"></script>

</body>
</html>