[RESOLVIDO] Html - Input onde posso escolher uma cor

13 respostas Resolvido
html
Cleiton_Conceicao

gente, eu vi que exsite o type=“color” cujo qual eu posso escolher diversas cores, porém eu preciso determinar as cores possíveis que serão escolhidas pelo usuário,
ex: o usuário só poderá escolher 3 tipos de cores vermelho, amarelo e azul

13 Respostas

darlan_machado

Dá uma olhada.
Precisa ver se dá para customizar e definir quais cores estarão disponíveis.

Edit 2:

<input type="color" list="presetColors">
<datalist id="presetColors">
    <option>#ff0000</option>/>
    <option>#00ff00</option>
    <option>#0000ff</option>
</datalist>
Cleiton_Conceicao

era exatamente isso que eu queria.
obrigado!!

Cleiton_Conceicao

mas ele continua exibindo as outras opções. :confused:

Cleiton_Conceicao

image

Cleiton_Conceicao

eu queria ocultar esse botão outro…

Rosmano

Qual o código completo?

Cleiton_Conceicao

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_color

<!DOCTYPE html>
<html>
<body>

<h1>Show a color picker:</h1>

<form action="/action_page.php">
<input type="color" list="presetColors">
    <datalist id="presetColors">
    <option>#ff0000</option>/>
    <option>#00ff00</option>
    <option>#0000ff</option>
</datalist>
</form>


</body>
</html>
Lucas_Camara

Você pode customizer com JS a seleção da cor: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color

Rosmano

Não é possível ocultar esse outro.

Cleiton_Conceicao

estou aceitando outros tipos de sugestões.

javaflex
Solucao aceita

Se sao só 3 cores, faz algo desse tipo:

https://codepen.io/rauldronca/pen/EWLeMz

Lembre-se que HTML é totalmente flexível, nao precisa se limitar a componentes fechados.

Cleiton_Conceicao

era exatamente o que eu queria. obrigado!!

rodriguesabner

Cleiton, marca a resposta que te ajudou como correta, por favor.

Criado 13 de fevereiro de 2019
Ultima resposta 14 de fev. de 2019
Respostas 13
Participantes 6