src/formteste.html

<!-- DEIXAR ESSE ARQUIVO HTML DECENTE -->
<!-- SEPARAR O CÓDIGO CSS EM ARQUIVOS -->

<body>
        <h1>GRADE CURRICULAR</h1>

        <h2>Insira suas cadeiras pagas aqui:</h2>
        
        <form method="POST">
            Nome da cadeira <input type="text" name="nome" required>
            Tipo da cadeira <input type="text" name="tipo" required>
            Período <input type="number" name="periodo" required>
            Carga horária <input type="number" name="cargaHoraria" required>
            Creditos <input type="number" name="creditos" required>
            Nota <input type="text" name="nota" required>
        
            <button type="submit" formaction="http://localhost:3003/pagas">Incluir</button>
        </form><br>
        
        
        <form method="GET">
            <p>Cadeiras pagas por período</p>
            <input type="number" name="periodo" placeholder="insira um período">
        
            <button type="submit" formaction="http://localhost:3003/pagas/periodo">Pesquisar</button>
        </form>
</body>


<style>
    input {
        display: block;
        margin-bottom: 10px;
        border: none;
        border-radius: 25px;
        outline: none;
        padding: 5px;
    }

    button {
        border: none;
        border-radius: 25px;
        outline: none;
        padding: 5px;
        width: 80px;
    }

    button:hover {
        background-color: rebeccapurple;
        color: white;
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

    body {
        background-color: blue;
        font-family: sans-serif;
    }
</style>