index.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="preconnect" href="https://fonts.gstatic.com">
  6. <link href="https://fonts.googleapis.com/css2?family=Signika:wght@300&display=swap" rel="stylesheet">
  7. <link rel="stylesheet" href="style.css">
  8. <title>Bankline</title>
  9. <link href="https://uploads-ssl.webflow.com/6054b07a1ef8eb1dc44be331/60550c1f87496c57a4e39533_itau-logo-1.png"
  10. rel="shortcut icon" type="image/x-icon">
  11. </head>
  12. <body>
  13. <div class="container">
  14. <h2 style="text-align: center;padding-top:15px;"> cadastre-se no banco </h2>
  15. <form>
  16. <label for="name"><b>Nome</b></label>
  17. <input type="nome" placeholder="Digite seu nome" name="nome" required class="required">
  18. <label for="cpf"><b>Cpf</b> <span>cpf invalido</span></label>
  19. <input type="cpf" placeholder="Digite seu cpf" name="cpf" id="cpf" class="required" required maxlength="11">
  20. <label for="rg"><b>RG</b></label>
  21. <input type="nome" placeholder="Digite seu RG" name="rg">
  22. <label for="sexo"><b>Sexo</b></label>
  23. <select id="sexo">
  24. <option selected>Escolha seu sexo</option>
  25. <option value="feminino">feminino</option>
  26. <option value="masculino">masculino</option>
  27. <option value="outro">outro</option>
  28. </select>
  29. <label for="cep"><b>CEP</b></label>
  30. <input type="text" placeholder="Digite seu CEP" name="cep" onblur="pesquisacep(this.value)">
  31. <label for="endereco"><b>Endereco</b></label>
  32. <input type="text" placeholder="Digite seu endereco" name="endereco" class="required" required
  33. id="endereco">
  34. <label for="numero"><b>Numero</b></label>
  35. <input type="nome" placeholder="Digite o numero" name="numero" class="required" required>
  36. <label for="bairro"><b>Bairro</b></label>
  37. <input type="nome" placeholder="Digite seu bairro" name="bairro" id="bairro">
  38. <label for="cidade"><b>Cidade</b></label>
  39. <input type="nome" placeholder="Digite sua cidade" name="cidade" id="cidade">
  40. <label for="estado"><b>Estado</b></label>
  41. <input type="text" placeholder="Confirme seu estado" name="estado" id="estado">
  42. <label for="fixo"><b>Telefone fixo</b></label>
  43. <input type="number" placeholder="Digite seu telefone fixo" name="fixo">
  44. <label for="celular"><b>Telefone celular</b></label>
  45. <input type="number" placeholder="Digite seu telefone celular" name="celular" class="required" required>
  46. <button onclick="return validacao()" type="submit" class="signupbtn">Cadastre-se</button>
  47. </form>
  48. </div>
  49. <script type="text/javascript" src="script.js"></script>
  50. </body>
  51. </html>