<!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/cadastro.css">
    <title>Cadastro</title>
</head>
<header> 
    <a type ="submit" href="/" >Inicio</a>
    <a type ="submit" href="/detalhes" >Detalhes</a>
</header>

<body>

    <form action="/new" method="POST">
        <div>
            <label for="tipo">Numero: </label>
            <input type="number" name="tipo" id="tipo" placeholder="Digite o numero" required>
        </div>
        <div>
            <label for="nome">Nome: </label>
            <input type="text" name="nome" id="nome" placeholder="Digite o nome do pokemon" required>
        </div>
        <div>
            <label for="tipo">Tipo: </label>
            <input type="text" name="tipo" id="tipo" placeholder="Digite o tipo" required>
        </div>
        <div>
            <label for="imagem">Imagem: </label>
            <input type="file" name="imagem" id="imagem" placeholder= "" required>
        </div>
        <div>
            <label for="">Peso: </label>
            <input type="text" name="peso" id="peso" placeholder="Digite o peso" required>
        </div>
        <div>
            <label for="">Altura: </label>
            <input type="text" name="altura" id="altura" placeholder="Digite a altura" required>
        </div>
        <div>
            <label for="">Categoria: </label>
            <input type="text" name="categoria" id="categoria" placeholder="Digite a categoria" required>
        </div>
        <div>
            <label for="">Habilidade: </label>
            <input type="text" name="habilidade" id="habilidade" placeholder="Digite a Habilidade" required>
        </div>
    
        <button type ="submit">Inscrever-se</button>
    </form>
    <script src="/js/script.js"></script>
</body>
</html>