<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style.css">
    <title>Formulário</title>
</head>
<body>
    <header>
        <h1>Formulário de teste HTTP</h1>        
    </header>
    <form action="/recebeform"  method="POST">
        <div>
            <label for="nome">Nome</label>
            <input type="text" name="nome" id="input_nome" placeholder="Digite seu nome aqui" required>
        </div>
        <div>
            <label for="sobrenome">Sobrenome</label>
            <input type="text" name="sobrenome" id="input_sobrenome" placeholder="Digite seu sobrenome" required>
        </div>
        <div>
            <label for="apelido">Apelido</label>
            <input type="text" name="apelido" id="input_apelido" placeholder="Digite seu apelido" required>
        </div>
        <div>
            <label for="email">E-mail</label>
            <input type="email" name="email" id="input_email" placeholder="Digite seu e-mail aqui" required>
        </div>
        <div>
            <label for="senha">Senha</label>
            <input type="password" name="senha" id="input_senha" placeholder="Digite sua senha aqui" required>
        </div>
        
        <button type="submit">Adicionar Usuário</button>
    </form>    
</body>
</html>