Ir para conteúdo
Fórum Script Brasil
  • 0

Tornar radiobutton obrigatório


Jefter

Pergunta

Bom dia pessoal, estou iniciando na área de html e estou fazendo umas paginas pra mim mesmo(para teste) e em uma que fiz tem alguns radiobuttons, a questão é que eu gostaria de deixa-los obrigatório a seleção de 2 deles, um em cada área, e que as cores selecionadas não fossem a mesma, tipo tem de ser diferente as cores. tipo, a cor da letra não pode ser a mesma que a cor do fundo. Digamos que o usuário selecione a cor preta, e se ele selecionar preta na cor de fundo também irá exibir uma msg:"As cores não podem ser iguais".
 

<form action="action.php" method="post">
		<br>Cor da Letra<br><br>		
		<input type="radio" name="color" value="0" /><div class="bubble bubble-sm" style="background-color: #000000"></div>
		<input type="radio" name="color" value="1" /><div class="bubble bubble-sm" style="background-color: #000080"></div>
		<input type="radio" name="color" value="2" /><div class="bubble bubble-sm" style="background-color: #008000"></div>	
		<input type="radio" name="color" value="3" /><div class="bubble bubble-sm" style="background-color: #008080"></div>
		<input type="radio" name="color" value="4" /><div class="bubble bubble-sm" style="background-color: #800000"></div>
		<input type="radio" name="color" value="5" /><div class="bubble bubble-sm" style="background-color: #800080"></div>	
		<input type="radio" name="color" value="6" /><div class="bubble bubble-sm" style="background-color: #808000"></div>
  
  <br><br>Cor de fundo<br><br>
		
		<input type="radio" name="color2" value="0" /><div class="bubble bubble-sm" style="background-color: #000000"></div>
		<input type="radio" name="color2" value="1" /><div class="bubble bubble-sm" style="background-color: #000080"></div>
		<input type="radio" name="color2" value="2" /><div class="bubble bubble-sm" style="background-color: #008000"></div>	
		<input type="radio" name="color2" value="3" /><div class="bubble bubble-sm" style="background-color: #008080"></div>
		<input type="radio" name="color2" value="4" /><div class="bubble bubble-sm" style="background-color: #800000"></div>
		<input type="radio" name="color2" value="5" /><div class="bubble bubble-sm" style="background-color: #800080"></div>	
		<input type="radio" name="color2" value="6" /><div class="bubble bubble-sm" style="background-color: #808000"></div>
  </form>		

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...