Jump to content

Search the Community

Showing results for tags 'fieldset'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2 results

  1. alecram28

    Validar formulário Javascript

    Bom dia. Sou iniciante e fiz esse formulário usando uma função Javascript para validar os campos preenchidos. Porém ele nao esta verificando, já pula para a pagina de Cadastrado com Sucesso. Se alguem puder me ajudar a achar o erro, obrigado! HTML1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Cadastro</title> <link href="pratica12exercicio06.css" type="text/css" rel="stylesheet"/> <script src="pratica12exercicio06.js" type="text/javascript"></script> </head> <body> <main> <form action="pratica12exercicio06Resp.html" method="get"> <fieldset> <br> <tr> <td> <label for="login">Login:</label> </td> <td> <input type="text" id="login" name="campoLogin" /> </td> </tr> <br> <tr> <td> <label for="email">E-mail:</label> </td> <td> <input type="text" id="email" name="campoEmail" /> </td> </tr> <br> <tr> <td> <label for="datanasc">Data de nascimento:</label> </td> <td> <input type="text" id="datanasc" name="campoDataNascimento" /> </td> </tr> <br> <tr> <td> <label for="senha">Senha:</label> </td> <td> <input type="text" id="senha" name="campoSenha" /> </td> </tr> <br> <tr> <td> <label for="csenha">Confirmar senha:</label> </td> <td> <input type="text" id="csenha" name="campoCSenha" /> </td> </tr> <br> <tr> <td> <label for="sexo">Sexo:</label> </td> <td> <select id="sexo" name="campoSexo"> <option value=""></option> <option value="1">Feminino</option> <option value="2">Masculino</option> </select> </td> </tr> <br> <tr> <td> <label for="cidade">Cidade:</label> </td> <td> <input type="text" id="cidade" name="campoCidade" /> </td> </tr> <br> <tr> <td> <label for="home">Home-Page:</label> </td> <td> <input type="text" id="home" name="campoHome" /> </td> </tr> <br> <tr> <td> <label for="interesse">Interesses:</label>:</label> </td> <td> <label> <input name="campoInt" id="musica" type="checkbox"/> Música</label> <label> <input name="campoInt" id="esporte" type="checkbox"/> Esporte</label> <label> <input name="campoInt" id="moda" type="checkbox" /> Moda</label> </td> </tr> <br><input id="res" class="botao" type="reset" value="Limpar" onclick="limpar();"/> <input type="submit" value="Cadastrar" name="botaoCadastrar"onclick="return validar();"/> </fieldset> </form> </main> </body> </html> HTML2 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Validação de Formulário</title> <link href="pratica12exercicio06.css" type="text/css" rel="stylesheet"> <script src="pratica12exercicio06.js" type="text/javascript"></script> </head> <body> <main> <div class="quadro"> <h1>Cadastro</h1> <div class="resp">Dados cadastrados com sucesso!</div> <a href="pratica12exercicio06.html"> <div class="botao"> Voltar</div> </a> </div> </main> </body> </html> JS: function validar() { var mensagemErro = ""; if (document.getElementById ("login").value == "") { mensagemErro = "Informe o login."; } if (document.getElementById ("email").value == "") { mensagemErro += "\nInforme o email."; } if (document.getElementById ("datanasc").value == "") { mensagemErro += "\nInforme a data de nascimento."; } if (document.getElementById ("senha").value == "") { mensagemErro += "\nInforme a senha."; } if (document.getElementById ("vsenha").value == "") { mensagemErro += "\nInforme a confirmação de senha."; } if (document.getElementById ("senha").value != document.getElementById ("vsenha").value) { mensagemErro += "\nAs senhas estão diferentes.";} if (document.getElementById ("cidade").value == "") { mensagemErro += "\nInforme a cidade."; } if (document.getElementById ("home").value == "") { mensagemErro += "\nInforme a Home-page."; } if (document.getElementById ("interesse").value == "") { mensagemErro += "\nInforme os interesses."; } var opcoesSexo = document.getElementsByName ("campoSexo"); var sexoPreenchido = false; for (var i = 0; i < opcoesSexo.length; i++) { if (opcoesSexo[i].checked) { sexoPreenchido = true; } } if (!sexoPreenchido) { mensagemErro += "\nInforme o sexo."; } if (mensagemErro == "") { return true; } else { alert (mensagemErro); return false; } } CSS: fieldset, .quadro { border: 5px solid black; background-color: rgb(231, 231, 231); width: 350px; height: 300px; line-height:1.5; /*espaçamento linhas*/ } .botao{ height: 20px; width: 70px; }
  2. tiagocancado

    Formulário HTML/CSS

    Boa tarde. Estou com um problema no meu código. Não estou conseguindo alinhar meu formulário do jeito que estou precisando. Gostaria da ajuda de vocês para dar uma luz. Eu consegui centralizar, mas falta alinhar. Embaixo da imagem está o código que eu implementei . <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Escola Virtual</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <div class="container"> <form action="" method="get" enctype="multipart/form-data" target=""> <fieldset> <center> <h1>Escola Virtual</h1> <h2>Formulário de Pré-Matrícula</h2> </center> <fieldset> <h3>Dados Pessoais:</h3> <center> <p>Nome do Aluno: <input type="text" required name="name" size="20" maxlength="40" id="fname" placeholder="Tiago"><br> </p> <p>Nascimento (dd/mm/aaaa): <input type="data" required name="dia" size="1" maxlength="2" id="dia" placeholder="dia">/ <input type="data" required name="mes" size="1" maxlength="2" id="mes" placeholder="mês">/ <input type="data" required name="ano" size="1" maxlength="4" id="ano" placeholder="ano"> </p> <p>Nome da Mãe: <input type="text" required name="mae" size="20" maxlength="40" id="mae" placeholder="Nome da mãe"><br> </p> <p>Nome do Pai: <input type="text" required name="pai" size="20" maxlength="40" id="pai" placeholder="Nome do pai"><br> </p> <p>Telefone: DDD ( <input type="tel" required name="ddd" size="1" maxlength="2" id="ddd"placeholder="DDD">) Tel:<input type="tel" required name="telefone" size="5" maxlength="8" id="tel" placeholder="telefone"> Ramal:<input type="tel" required name="ramal" size="2" maxlength="4" id="ramal" placeholder="ramal"><br> </p> <p>E-mail: <input type="email" required name="email" size="20" maxlength="40" id="email" placeholder="aaa@aaa.com" ><br> </p> </center> </fieldset> <fieldset> <h3>Informações de Matrícula:</h3> <div class="principal"> <div class="series"> <p> Série: <br /> <select name="serie"> <option value="valor1">pré-escolar</option> <option value="valor2">1a série 1o grau</option> <option value="valor3">2a série 1o grau</option> <option value="valor4">3a série 1o grau</option> <option value="valor5">4a série 1o grau</option> <option value="valor6">5a série 1o grau</option> <option value="valor7">6a série 1o grau</option> <option value="valor8">7a série 1o grau</option> <option value="valor9">8a série 1o grau</option> <option value="valor10">1a série 2o grau</option> <option value="valor11">2a série 2o grau</option> <option value="valor12">3a série 2o grau</option> </select> </p> </div> <div class="turno"> <p> Turno:<br /> <input type="radio" name="turno" value="manhã">Manhã<br> <input type="radio" name="turno" value="tarde">Tarde<br> </p> </div> <div class="atividade"> <p>Atividades Extracurriculares:<br /> <input type="checkbox" name="inf">Informática<br> <input type="checkbox" name="mus" >Música<br> <input type="checkbox" name="bal" >Balet<br> <input type="checkbox" name="pin" >Pintura<br> <input type="checkbox" name="jud" >Judô<br> <input type="checkbox" name="fut" >Futebol<br> </p> </div> </div> </fieldset> <input type="submit" name="enviar" value="Enviar"> <input type="reset" name="resetar" value="Reset"> </fieldset> </form> </div> </html> A imagem está saindo assim: O formulário tem que ficar dessa maneira:
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.