Ir ao conteúdo

Posts recomendados

Postado
 

como seria para cria um formulário com essa condição ex: 

 

INFORMAÇÕES DA PRIMEIRA ETAPA:


NOME COMPLETO:
CELULAR:
E-MAIL:


SÓCIO/DEPENDENTE: SIM/NÃO  (condição)

Caso a pessoa coloque SIM
O próximo campo será CPF ou RG:
FORMA DE PAGAMENTO: CARTÃO DE CRÉDITO ou BOLETO

Caso a pessoa coloque NÃO
RG:
DATA DE NASCIMENTO:
E-MAIL:

FORMA DE PAGAMENTO

 

com seria criado esse tipo de formulário de modo que possa ter essa condição onde dependendo da resposta na primeira etapa é direcionado para uma dessas outras duas etapas.

Postado

Se você quiser de forma dinâmica precisa utilizar javascript/jquery.
Exemplo:

 

<!DOCTYPE html>
<html>
    <head>
		<meta charset="utf-8">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    </head>
    <body>
        <form>
			<div>
				<label for="nome">Nome</label>
				<input id="nome">
				<label for="dependente">Depedente?</label>
				<select id="dependente">
					<option selected>Selecione</option>
					<option value="S" id="dependente">Sim</option>
					<option value="N" id="dependente">Não</option>
				</select>
				<div id="depSim" hidden>
					<label for="rg">SIM</input>
					<input id="rg">
				</div>
				<div id="depNao" hidden>
					<label for="rg">NAO</input>
					<input id="rg">
				</div>
				<button type="submit">Gravar</button>
			</div>
		</form>
		<script>
			$("#dependente").change(function(){
				if($(this).val() == 'S'){
					$("#depSim").show();
					$("#depNao").hide();
				}
				
				if($(this).val() == 'N'){
					$("#depNao").show();
					$("#depSim").hide();
				}
			})
		</script>
    </body>
</html>

OBS: está feito apenas como exemplo para que você entenda o processo.

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!