Jump to content
Arthur Ritter

Duvida em type=radio (resolvido)

Recommended Posts

Olá a todos do fórum, sou novo aqui.

 

Então, comecei recentemente a estudar sobre HTML e em um dos exercícios que estou fazendo é criar type=radio para cartões (Visa, Master). E pelo que estou aprendendo, o type=radio cria um botão de escolha única, não sendo permitido mais de uma escolha, mas não é o que esta acontendo. Segue abaixo o código:

 

<html>
<head>
<title>Campo Senha</title>
</head>

<body>
<form action="email@email.com" method="get">
<p><font face="Calibri">Nome: <input type=text name="Nome" size="25" maxlenght="50"></p>
<p>Nº do Cartão de credito <input type=text name="cartao" size="16"></p>
<p>Senha: <input type=password name="senha" size="6"></p>
<p>Selecione a bandeira do cartão de crédito:<br>
<input type=radio name="visa" checked>Visa<br>
<input type=radio name="master">Mastercard<br>
</font></p>
</form>
</body>

</html>

 

 

Sem título.png

 

Desde já agradeço a todos pela ajuda.

 

 

Edit: O problema foi resolvido. Eu estava esquecendo de por o VALUE.

<input type=radio name="cartao" value="cartao" checked>Visa<br>
<input type=radio name="cartao" value="cartao">Mastercard<br></p>

Edited by Arthur Ritter
Resolvido

Share this post


Link to post
Share on other sites

Você precisa dar o mesmo nome no "name" que as seleções se agrupam a uma coisa. Veja o exemplo no código abaixo que criei dois grupos com suas seleções pra você ter uma noção: um de cartão e outro da forma de pagamento. Espero ter ajudado.

<html>
<head>
<title>Campo Senha</title>
</head>

<body>
<form action="email@email.com" method="get">
<p><font face="Calibri">Nome: <input type=text name="Nome" size="25" maxlenght="50"></p>
<p>Nº do Cartão de credito <input type=text name="cartao" size="16"></p>
<p>Senha: <input type=password name="senha" size="6"></p>
<p>Selecione a bandeira do cartão de crédito:<br/>
<input type=radio name="cartao" value="visa" checked>Visa<br/>
<input type=radio name="cartao" value="master">Mastercard<br/>
<input type=radio name="cartao" value="american">American Express<br/>
<p><br/>Selecione a forma de pagamento do cartão:<br/>
<input type=radio name="forma" value="credito" checked>Crédito<br/>
<input type=radio name="forma" value="debito">Débito<br/>
</font></p>
</form>
</body>

</html>

 

Share this post


Link to post
Share on other sites

@Arthur Ritter

 

O radio funciona da seguinte forma, para que varios rádios buttons pertensão a mesma opção, você deve colocar o atributo NAME IGUAIS e o atributo VALUE é o que ira diferenciar entre eles.

 

Assim:

<input type=radio name="cartao" value="Visa" checked> Visa 
<input type=radio name="cartao" value="Master" > Mastercard 
<br>
<input type=radio name="sexo" value="M" checked> Masculino 
<input type=radio name="sexo" value="F" > Feminino 
<br>
<input type=radio name="grau" value="Jr" checked> Junior 
<input type=radio name="grau" value="Pl" > Pleno 
<input type=radio name="grau" value="Sn" > Sênior 

Espero ter ajudado.

 

Att.

Felipe Coutinho

Share this post


Link to post
Share on other sites
21 horas atrás, Arthur Ritter disse:

Edit: O problema foi resolvido. Eu estava esquecendo de por o VALUE.

<input type=radio name="cartao" value="cartao" checked>Visa<br>
<input type=radio name="cartao" value="cartao">Mastercard<br></p>

 

Seria bom se o value tiver um nome identificável por opção. Por exemplo: Se a opção é Visa, põe o value como "visa", já a outra que é MasterCard, põe value=mastercard. Afinal de contas, eu nunca fiz com values iguais.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By daviassumpcao
      Estou buscando uma orientação ou referência para desenvolver algo similar ao formulário dessa página do iPhone https://www.apple.com/shop/buy-iphone/iphone-se ... quando selecionamos alguma opção, a div que contém o formulário centralizar na página e rola feito um carrossel. Estou completamente perdido com essa demanda que recebi... agradeço antecipadamente a todos que derem uma força. Abraço
    • By Alberto Nascimento
      Como faço que consiga colocar parágrafos no campo tipo "text" do formulário?
          <input name="Text1" style="width: 528px; height: 223px" type="text" /></form>
      Se eu pressiono ENTER automaticamente envia o formulário
      Como então consigo digitar ao preencher o formulário da forma abaixo?
       
    • By Marlonsantos
      Olá pessoal, eu estou começando meu curso de programação Full Stack e tive a tarefa de fazer uma página mais parecida possível com essa. Mas estou com muita dificuldade na hora de colocar essa <DIV> branca dentro dessa <DiV> preta. Eu já consegui colocar os links nas imagens do Facebook e do Instagram, porém não consigo alinhar elas no canto direito, meu <h1> vem junto... Muito obrigado pela atenção galera

    • By leandro123456789
      <div id="direito">
             
             <?php 
                      
                 $link = filter_input(INPUT_GET, 'link');
                 
                 $pag[1] = "../admin/home.php";
                 $pag[2] = "../admin/classes/Lista.php";
                 
              
              
                 if(!empty($link)){
                     
                     if(file_exists($pag[$link]))
                        
                      {
                         include $pag[$link];
                      
                      }
                        
                      else
                      { 
                         
                          include "home.php";
                      
                      }
                     
                 }else{
                     include "home.php";
                 }
              
              ?>
             
          </div>
       
       
      Estou tentando colocar a paginação do meu banco em $ pag [2] na minha página: ../admin/classes/Lista.php tem o seguinte código de paginação:

      <? php
          
          include_once ("../ admin / classes / ClassConexao.php");
          
          
          // verifique a página atual se informado no URL, caso contrário, ela será atribuída como 1ª página
          $ pagina = (isset ($ _ GET ['link = 2']))? $ _GET ['link = 2']: 1;
       
          // seleciona todos os itens da tabela
          $ cmd = "selecione * da categoria";
          $ produtos = mysqli_query ($ conn, $ cmd);
          
          // conta o total de itens
          $ total = mysqli_num_rows ($ produtos);
       
          // seta o número de itens por página, neste caso, 2 itens
          $ registros = 2;
       
          // calcula o número de páginas arredondando o resultado
          $ numPaginas = teto ($ total / $ registros);
       
          // variável para calcular o início da visualização com base na página atual
          $ inicio = ($ registros * $ pagina) - $ registros;
       
          // seleciona itens por página
          $ cmd = "selecione * da categoria limite $ inicio, $ registros";
          $ produtos = mysqli_query ($ conn, $ cmd);
          $ total = mysqli_num_rows ($ produtos);
           
          // exibe produtos selecionados
          while ($ produto = mysqli_fetch_array ($ produtos)) {
              echo $ produto ['id_categoria']. "-";
              echo $ produto ['categoria']. "-";
              echo $ produto ['ativo_categoria']. "<br />";
          }

      // Não sei como consertar esta parte para mostrar a paginação nesse $ pag [2] = "../admin/classes/Lista.php";
           
          // exibe paginação
          para ($ i = 1; $ i <$ numPaginas + 1; $ i ++) {
              
             echo "<a href='?pagina=$i'>". $ i. "</a>";
          }
                  
      ?>
      Meu menu fica assim:

      <div id = "sessao"> Categoria </div>
         <ul>
             
            
             <li> <a href="index.php?link=3"> Cadastro </a> </li>
             <li> <a href="index.php?link=2"> Listar / Editar </a> </li>
         
        </ul>
×

Important Information

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