Ir para conteúdo

POWERED BY:

Arquivado

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

Iury Borges

raido em vés de selecionar um seleciona varios

Por , em Desenvolvimento frontend

Recommended Posts

Iury Borges    0

Iury Borges
Postado

http://curiosidadesxxi.w.pw/Sem%20t%23U00edtulo.jpg

código html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>
 
<body>
 
 
 
<form action="" method="post">
    <label>PP</label>
    <input type="radio" name="p1" id="p1">
    <label>P</label>
    <input type="radio" name="pp1" id="pp1">
    <label>M</label>
  <input type="radio" name="m1" id="m1">
   <label>G</label>
  <input type="radio" name="g1" id="g1"><br>
   
 
  <textarea rows="2" cols="20" spellcheck="true"></textarea>
  <input type="submit" value="enviar">
  </form>
  
  
  <form>
  <input type="radio">
  <input type="radio">
  <input type="radio">
  <input type="radio">
  </form>
  
  
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Jourdan    3

Thiago Jourdan
Postado

Olá, Iury.

 

Você cometeu um erro simples, mas que custou a integridade do conteúdo. ;P Vou te explicar aqui:

 

Pra ser selecionada só 1 opção de 4, todas as 4 "input radio" devem ter o mesmo "name" e "id", e pra captar o valor, você vai adicionar o parâmetro "value" dentro das "inputs" com os valores que você desejar captar (if radio=value), sendo que "value" é para captar o valor e a label, nesse caso, identificação da opção à escolher.

 

De qualquer forma, vou colocar aqui o código pra você ver; deixei a primeira parte correta e a segunda com o erro, pra você poder comparar:

 

 

<html>
<head>
<title>Documento sem título</title>
</head>
<body>
<!-- Formulário corrigido -->
<form action="" method="post">
<input type="radio" name="tamanho" id="tamanho" value="PP">
<label>PP</label>
<input type="radio" name="tamanho" id="tamanho" value="P">
<label>P</label>
<input type="radio" name="tamanho" id="tamanho" value="M">
<label>M</label>
<input type="radio" name="tamanho" id="tamanho" value="G">
<label>G</label>
<p>
<!-- Formulário com erro -->
<form action="" method="post">
<input type="radio" name="tamanho1" id="tamanho1" value="PP">
<label>PP</label>
<input type="radio" name="tamanho2" id="tamanho2" value="P">
<label>P</label>
<input type="radio" name="tamanho3" id="tamanho3" value="M">
<label>M</label>
<input type="radio" name="tamanho4" id="tamanho4" value="G">
<label>G</label>
</form>
</body>
</html>

 

Qualquer coisa, pode voltar a perguntar. ;)
Thiago Jourdan.

Compartilhar este post

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

Informação importante

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

  Aceito