Untitled

<!DOCTYPE html>
<html>
<head>
    <title>ScatterPlot</title>
    <meta charset="utf-8">
    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap&subset=cyrillic-ext" rel="stylesheet">

</head>
<body>

<div>
    <h2>
        Scatter Plot
    </h2>
    <form id="form" action= "draw.php" method = "post" target="_blank">

    Ширина: <input type="number" name="width"><br>
    Высота: <input type="number" name="height"><br><br>
    Выберите файл загрузки: <br>
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Загрузить файл" name="submit">

    </form>
</div>

 <style type="text/css">

    h2 {
        margin-bottom: 20px;
        text-align: center;
        font-size: 40px
    }

    div:nth-child(1) {
        padding: 10px 40px;
        text-align: center;

        margin: 30px auto;
        width: 300px;
        height: 330px;
        font-family: 'Roboto';

        border: thin solid grey;
        border-radius: 10px;
    }

    input {
        margin: 10px;
    }

    input[type="number"] {
        border: 1px solid #75aaff;
        border-radius: 4px;
        height: 2em;
        width: 150px
    }

    input:nth-child(3) {
        margin-top: 20px;
    }

    input[type="submit"] {
        float: right;
        border: 1px solid #75aaff;
        background-color: #75aaff;
        border-radius: 4px;
        height: 2.5em;
        width: 110px;
        color: white;
    }
</style>
</body>
</html>