Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, estou montando um formulario que a pessoa escolhe opções e depois envia como um form de email mesmo.
Porém essa escolha seria por exemplo tamanho e cor e essa cor deve ser vista pelo usuário.
Tentei usar radio box, porém achei complicado os colorir, seriam 27 botões, cada um com uma cor e quando a pessoa clicar o nome da cor deve ser gravado como em radio box e ser enviado com o restante dos inputs.
Exemplo:
form.html
<form action="">
<input type="image" src="1.png" name="cor" value="Amarelo">
<input type="image" src="2.png" name="cor" value="Verde">
<input type="image" src="3.png" name="cor" value="Preto">
</form>
Nesse caso estou usando uma imagem(colorida) para ser escolhida e clicada mas não sei como fazer isso.
pegar.php
<?php
$cor = $_POST['cor'];
echo $cor;
?>
Eu quero pegar a cor que será escolhida, claro que meu exemplo está um lixo mas é só para exemplificar.
Se alguém puder dar uma mãozinha eu agradeço!gedmilson, não funciona, a imagem não aparece.
como foi que você fez?
colocou o manho da imagem?
Uma boa dica é visitar o site do Bootstrap lá os códigos já estão prontos para serem modificados e tem várias vídeo aulas no youtube ensinando como montar um site completamente responsivo com Bootstrap.
Coloquei numa página limpa, só para testar mesmo.
<select class="form-control" id="slTipoBusca" name="slTipoBusca">
<option value="1"><img src="1.png"/> </option>
<option value="2"><img src="2.png"/> </option>
<option value="3"><img src="3.png"/> </option>
</select>
Na realidade eu não queria usar select eu pensei em botões lado a lado mesmo.
Imaginei algo assim: 
Acho que a maioria monta no velho flash mas não está tendo suporte mais.se voce quer fazer assim voce pode chamar a
style="background: = #000"
com essa chamada de estilo o fundo do botão ficará da cor que desejar.
conforme a cor que desejar voce muda
#000 = preto
#fff = branco
#ccc = cinza
e dai por diante
Obrigado pela ajuda desde já.
Isso seria em css? ou no próprio html?
Exatamente.
é um css dentro do html
Aproveitando sua boa vontade, como usaria isso no meu código? só um exemplo mesmo porque uma vez eu fiz isso mas não funcionou de jeito nenhum.
vou dar um exemplo com o bothon mas funciona em qualquer coisa do html
<button type="button" style ="background-color: = #000">campo extra</button>
Se você estiver querendo fazer uma ligação para uma pasta de css, crie uma nova pasta com o nome (css) e depois crie um arquivo com o nome style.css dentro dessa pasta para depois você criar um canho no cabeçalho do seu codigo.
seria mais ou menos assim:
<link href="css/style.css" rel="stylesheet"><HTML>
<HEAD>
<TITLE>New Document</TITLE>
<style>
button {
color: red;
}
</style>
</HEAD>
<BODY>
<button type="button" style ="background-color: = #000">COR</button>
</BODY>
</HTML>
se você quizer que o fundo fique vermelho pode escrever no lugar de #ccc a palavra red
E se eu não ligasse para isso e colocasse uma imagem de cada cor para ser botão e pegasse o valor do botão à ser recebido pelo php? acho que seria até melhor, pois na realidade o usuario DEVE ver a cor e eu DEVO receber o nome dela, entende?
Consegue algo do tipo por favor?
Só uma pergunta. O que foi que você já fez nas configurações da sua pagina?
Você fez a ligação com a pasta css?
se fez fica mais fácil eu poder lhe ajudar.
Dê uma olhadinha nesse link e vê se é isso que está precisando?
https://pt.stackoverflow.com/questions/192784/select-com-paletas-de-cores
Boa, é isso mesmo, não tinha procurado pelas mesmas palavras no google por isso não achei, mas é isso mesmo.
Muito obrigado pela paciência.
Tenta fazer assim