Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

start2013

criar um form

Por , em Javascript

Recommended Posts

start2013    0

start2013
Postado

Boa noite , galerinha . Estou com uma dúvida muito grande , eu gostaria de criar um form .

 

Eu gostaria que a pessoa digitasse no input o seu sexo e ao clicar enviar aparecesse abaixo : Homem . Estou quebrando a cabeça para fazer isso com JavaScript .

 

Tem como fazer ?

<form>
<label for="Sexo">Qual é o seu sexo ? </label>		
<input type="Sexo" id="Sexo" name="Sexo">		
<input type="submit" name="enviar" value="Enviar">		
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Marcos    11

Ronaldo Marcos
Postado

isso?

 

<script>
function funcaoMostraSexo() {
sexo = document.getElementById('Sexo').value;
document.getElementById('mostrasexo').innerHTML = sexo;
}
</script>
<body>
<form>
<label for="Sexo">Qual é o seu sexo ? </label>
<input type="Sexo" id="Sexo" name="Sexo">
<input type="button" name="enviar" onclick="funcaoMostraSexo();" value="Enviar">
<div id="mostrasexo"></div>
</form>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Marcos    11

Ronaldo Marcos
Postado

Não entendi 'input javascript'...



Não é isso que quer saber em vermelho? o onclick no botao input chamando a função?

<script>
function funcaoMostraSexo() {
sexo = document.getElementById('Sexo').value;
document.getElementById('mostrasexo').innerHTML = sexo;
}
</script>
<body>
<form>
<label for="Sexo">Qual é o seu sexo ? </label>
<input type="Sexo" id="Sexo" name="Sexo">
<input type="button" name="enviar" onclick="funcaoMostraSexo();" value="Enviar">
<div id="mostrasexo"></div>
</form>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ronaldo Marcos    11

Ronaldo Marcos
Postado

Estou no celular agora, mas tenta assim:

 


<script>
function mudaTamanho() {
tamanho = document.getElementById('tamanho').value;
document.getElementById('texto').style.fontSize = tamanho+"px";
}
</script>
<body>
<form>
<label for="Sexo">Qual é o tamanho ? </label>
<input type="text" id="tamanho" onkeypress="mudaTamanho();" name="tamanho">
<p id="texto" style="font-size: 12px;">O Texto que vai mudar de tamanho</p>
</form>
</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito