index.html 4.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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. <header>
  14. <p> itau </p>
  15. </header>
  16. <div class="container">
  17. <h1 style="text-align: center;padding-top:15px;"> Formulario de cadastro </h1>
  18. <form>
  19. <table>
  20. <tr>
  21. <td colspan="3">
  22. <label for="name"><b>Nome</b></label>
  23. <input type="nome" placeholder="Digite seu nome" name="nome" required class="required">
  24. </td>
  25. </tr>
  26. <tr>
  27. <td>
  28. <label for="cpf"><b>CPF</b> <span>cpf invalido</span></label>
  29. <input type="cpf" placeholder="Digite seu cpf" name="cpf" id="cpf" class="required" required maxlength="11">
  30. </td>
  31. <td>
  32. <label for="rg"><b>RG</b></label>
  33. <input type="nome" placeholder="Digite seu RG" name="rg">
  34. </td>
  35. <td>
  36. <label for="sexo"><b>Sexo</b></label>
  37. <select id="sexo" class="w100">
  38. <option selected>Escolha seu sexo</option>
  39. <option value="feminino">feminino</option>
  40. <option value="masculino">masculino</option>
  41. <option value="outro">outro</option>
  42. </select>
  43. </td>
  44. </tr>
  45. <tr>
  46. <td>
  47. <label for="cep"><b>CEP</b></label>
  48. <input type="text" placeholder="Digite seu CEP" name="cep" onblur="pesquisacep(this.value)">
  49. </td>
  50. <td>
  51. <label for="endereco"><b>Endereco</b></label>
  52. <input type="text" placeholder="Digite seu endereco" name="endereco" class="required" required id="endereco">
  53. </td>
  54. <td>
  55. <label for="numero"><b>Numero</b></label>
  56. <input type="nome" placeholder="Digite o numero" name="numero" class="required w100" required>
  57. </td>
  58. </tr>
  59. <tr>
  60. <td>
  61. <label for="bairro"><b>Bairro</b></label>
  62. <input type="nome" placeholder="Digite seu bairro" name="bairro" id="bairro">
  63. </td>
  64. <td>
  65. <label for="cidade"><b>Cidade</b></label>
  66. <input type="nome" placeholder="Digite sua cidade" name="cidade" id="cidade">
  67. </td>
  68. <td>
  69. <label for="estado"><b>Estado</b></label>
  70. <input type="text" placeholder="Confirme seu estado" name="estado" id="estado" class="w100">
  71. </td>
  72. </tr>
  73. <tr>
  74. <td>
  75. <label for="fixo"><b>Telefone fixo</b></label>
  76. <input type="number" placeholder="Digite seu telefone fixo" name="fixo">
  77. </td>
  78. <td>
  79. <label for="celular"><b>Telefone celular</b></label>
  80. <input type="number" placeholder="Digite seu telefone celular" name="celular" class="required" required>
  81. </td>
  82. <td>
  83. <button onclick="return validacao()" type="submit" class="signupbtn">Cadastre-se</button>
  84. </td>
  85. </tr>
  86. </table>
  87. </form>
  88. </div>
  89. <footer>
  90. <p>Direitos reservados a Gabriel Fontineli</p>
  91. </footer>
  92. <script type="text/javascript" src="script.js"></script>
  93. </body>
  94. </html>