herton
/
bankline
forkattu lähteestä gabriel/bankline


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Signika:wght@300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <title>Bankline</title>

    <link href="crop_square.svg"rel="shortcut icon" type="image/x-icon">
</head>

<body>
    <header>
        <p> Banco Fontineli </p>
    </header>
    <div class="container">
        <h1 style="text-align: center;padding-top:15px;"> Formulário de cadastro </h1>
        <form>
            <table>
                <tr>
                    <td colspan="3"> 
                        <label for="name"><b>Nome</b></label>
                        <input type="nome" placeholder="Digite seu nome" name="nome"  class="required">
                    </td>
                </tr>
                <tr>
                    <td> 
                        <label for="cpf"><b>CPF</b> <span>inválido</span></label>
                        <input onkeydown="cpfMask()"maxlength="14"type="text" placeholder="Digite seu cpf"  id="cpf" class="required">
                    </td>
                    <td>
                        <label for="rg"><b>RG</b></label>
                        <input type="nome" placeholder="Digite seu RG" name="rg">
                    </td>
                    <td>
                        <label for="sexo"><b>Sexo</b></label>
                        <select id="sexo" class="w100">
                            <option selected>Escolha seu sexo</option>
                            <option value="feminino">Feminino</option>
                            <option value="masculino">Masculino</option>
                            <option value="outro">Outro</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="cep"><b>CEP</b></label>
                        <input type="text" placeholder="Digite seu CEP" name="cep" onblur="searchCep(this.value)">
                    </td>
                    <td>
                        <label for="endereco"><b>Endereço</b></label>
                        <input type="text" placeholder="Digite seu endereço" name="endereco" class="required"  id="endereco">
                    </td>
                    <td>
                        <label for="numero"><b>Número</b></label>
                        <input type="text" placeholder="Digite o número" name="numero" class="required w100" >
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="bairro"><b>Bairro</b></label>
                        <input type="nome" placeholder="Digite seu bairro" name="bairro" id="bairro">
                    </td>
                    <td>
                        <label for="cidade"><b>Cidade</b></label>
                        <input type="nome" placeholder="Digite sua cidade" name="cidade" id="cidade">
                    </td>
                    <td>
                        <label for="estado"><b>Estado</b></label>
                        <input type="text" placeholder="Digite seu estado" name="estado" id="estado" class="w100">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="fixo"><b>Telefone fixo</b></label>
                        <input type="text" placeholder="Digite o número do seu fixo" name="fixo">
                    </td>
                    <td>    
                        <label for="celular"><b>Telefone celular</b></label>
                        <input onkeydown="phoneMask()"type="text" placeholder="Digite número do celular" maxlength="15" id="celular" class="required" >
                    </td>
                    <td> 
                        <button onclick="return validate()" type="submit" class="signupbtn">Cadastre-se</button> 
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <footer>
        <p>Direitos reservados a Gabriel Fontineli</p>
    </footer>
    <script type="text/javascript" src="script.js"></script>
</body>

</html>