Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        th, td, p ,input{
            font-size: 18px;
         margin-left: 10px;


        }
        table, th, td{
            border:2px solid black;
            border-collapse:collapse;
            text-align:center;
            padding:3px 5px;
        }

        th{
            font-weight: bold;
        }
        button{
            margin-left: 45px;
        }
    </style>

</head>

<body>


    <fieldset>
        <legend>Choose dates</legend>

        <div>
            <label for="start">Start</label>
            <input type="month" id="start" name="startdate" data-date-format="MM-YYYY" min="2017-01" max="2018-12" />
        </div>

        <div>
            <label for="end">End</label>
            <input type="month" id="end" name="enddate" min="2017-01" max="2018-12" />


            <button>Przysisk</button>
        </div>

    </fieldset>

    <p id="showData"></p>

    <table id="myTable">
    </table>
    <script src=scripts.js></script>
</body>


</html>