Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''fieldset''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • 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

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 2 registros

  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:
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.