Pedido de formulário

Po galera.. sabe esses negocios de formularios? que você clica ao invez de digitar? então.. eu queria um que quando clicasse.. aparesse outro.. tipo

[Sing](Ai do nada aparecia isso)
[Preta](e as outras opções]..

algume poderia me ajuda com esse código?

Olá,

Querido usuário. Não fazemos mais formulários.
Mas se sua versão for Invision, podes usar este personalizado:

Código:

<h1 class="page-title">Formulário de pedidos gráficos</h1>
 <div class="panel row2"><div class="inner"><span class="corners-top"><span></span></span>
 <div class="h3" style="margin-top: 7px;">Sobre o formulário</div>
 <p style="font-size: 12px;">O presente formulário foi criado com o objetivo de promover uma maior organização dos pedidos feitos na seção gráfica deste fórum. Em cada uma das divisões abaixo poderá encontrar uma parte do código, a primeira caixa - "Informações gerais" - vale para o título e a segunda para o corpo da mensagem. Assim que tudo estiver feito, poderá enviar o pedido, que será postado automaticamente. Se necessitar de alguma modificação, poderá fazer editando a sua mensagem. Lembre-se somente que antes de fazer um pedido, é recomendado ver a <a href="">Regras da seção de criações gráficas!</a>.
 
</p><span class="corners-bottom"><span></span></span>
 </div>
 </div>
 
 <div class="clear" style="height: 6px;"></div>
 
 
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span><div class="h3" style="margin-top: 7px;">Informações gerais</div>
 
<form action="/posting.forum" method="post" enctype="multipart/form-data" id="fa_form" onsubmit="fa_cookie();">
 <fieldset class="fields1">
 
<dl><dt>
 <label>Tipo de pedido :</label></dt><dd><select id="tipo" tabindex="1" onchange="gerartitulo();">
 <option value=""></option>
 <option value="[Avatar] ">Avatar</option>
 
 
<option value="[Assinatura] ">Assinatura</option>
 <option value="[Userbar] ">Userbar</option>
 <option value="[Banner] ">Banner</option>
 <option value="[Logo] ">Logo</option>
 <option value="[Botões] ">Botões</option>
 <option value="[Ícones] ">Ícones</option>
 
 <option value="[Menu] ">Menu de navegação</option>
 <option value="[Ranks] ">Ranks</option>
 <option value="[Outros] ">Outros</option>
 <option value="[Imagem] ">Imagem em geral</option>
 </select></dd></dl>
 
<dl><dt>
 <label>Cor geral :</label></dt><dd><select id="cor" tabindex="2" onchange="gerartitulo();">
 
 <option value=" "></option>
 
<option value="Vermelho">Vermelho</option>
 <option value="Verde">Verde</option>
 <option value="Amarelo">Amarelo</option>
 <option value="Azul">Azul</option>
 <option value="Roxo">Roxo</option>
 
 <option value="Rosa">Rosa</option>
 
<option value="Laranja">Laranja</option>
 <option value="Branco">Branco</option>
 <option value="Preto">Preto</option>
 <option value="Cinza">Cinza</option>
 <option value="Marrom">Marrom</option>
 
 <option value="Transparente">Transparente</option>
 
<option value="">Nenhuma da lista</option></select> <select id="cortonalidade" onchange="gerartitulo();">
 <option value=""></option>
 <option value="">Normal</option>
 <option value=" claro">Claro</option>
 <option value=" escuro">Escuro</option></select></dd></dl>
 
 
<dl><dt>
 <label>Tamanho geral :</label></dt><dd><select id="tamanho" tabindex="3" onchange="gerartitulo();">
 
<option value=" "></option>
 <option value=" - Pequeno ">Pequeno</option>
 <option value=" - Médio ">Médio</option>
 <option value=" - Grande ">Grande</option></select></dd></dl>
 
<dl><dt>
 
 <label>Cor geral do texto :</label></dt><dd><select id="texto" tabindex="4" onchange="gerartitulo();">
 <option value=" "></option>
 
<option value="- Texto vermelho ">Vermelho</option>
 <option value="- Texto verde ">Verde</option>
 <option value="- Texto amarelo ">Amarelo</option>
 <option value="- Texto azul ">Azul</option>
 
 <option value="- Texto roxo ">Roxo</option>
 <option value="- Texto rosa ">Rosa</option>
 
<option value="- Texto laranja ">Laranja</option>
 <option value="- Texto branco ">Branco</option>
 <option value="- Texto preto ">Preto</option>
 <option value="- Texto cinza ">Cinza</option>
 
 <option value="- Texto marrom ">Marrom</option>
 <option value="">Nenhuma da lista</option></select> <select id="textotonalidade" onchange="gerartitulo();">
 
<option value=""></option>
 <option value="">Normal</option>
 <option value=" claro">Claro</option>
 <option value=" escuro">Escuro</option></select></dd></dl>
 
 
</fieldset>
 <span class="corners-bottom"><span></span></span></form></div></div>
 
<div class="clear" style="height: 6px;"></div>
 <div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
 <div class="h3" style="margin-top: 7px;">Informações específicas</div>
 
<fieldset class="fields1">
 
<dl><dt>
 <label>Imagens a serem usadas :</label></dt>
 
 <dd>Indique o endereço da imagem a usar. Caso necessite de mais imagens, carregue em +, para que o endereço seja validado. Este irá desaparecer, e poderá então adicionar outro endereço.
 <table>
 <tbody><tr id="addimage">
 <td class="part"></td>
 <td>
 <div class="more" onclick="addimg()"></div>
 
</td>
 </tr>
 </tbody></table>
 
 
<script type="text/javascript">addimg()</script>
 
</dd></dl>
 <dl><dt>
 <label>Dimensões :</label></dt>
 <dd> <input class="inputbox" id="dimensoesL" tabindex="6" onchange="gerarpedido();" style="width: 30px; clear: both;" type="text">
 
px (largura) X
 <input class="inputbox" id="dimensoesA" tabindex="7" onchange="gerarpedido();" style="width: 30px;" type="text"> px (altura) </dd><dd> <span id="size_extra_span" style="display: none;"> Tamanhos padrões do tipo de pedido escolhido : <select id="size_extra">
 
 <option value=""></option>
 <optgroup label="Avatar">
 <option value="120 x 120 px">120 x 120 px</option>
 <option value="100 x 120 px">100 x 120 px</option>
 
<option value="120 x 160 px">120 x 160 px</option>
 <option value="140 x 180 px">140 x 180 px</option>
 <option value="140 x 200 px">140 x 200 px</option>
 
 <option value="150 x 180 px">150 x 180 px</option>
 <option value="150 x 200 px">150 x 200 px</option>
 </optgroup>
 
<optgroup label="Assinatura">
 <option value="400 x 120 px">400 x 120 px</option>
 <option value="400 x 150 px">400 x 150 px</option>
 <option value="450 x 150 px">450 x 150 px</option>
 
 </optgroup>
 <optgroup label="Userbar">
 <option value="350 x 19 px">350 x 19 px</option>
 
</optgroup>
 <optgroup label="Banner">
 <option value="70 x 30 px">70 x 30 px</option>
 <option value="90 x 15 px">90 x 15 px</option>
 
 <option value="120 x 60 px">120 x 60 px</option>
 <option value="150 x 50 px">150 x 50 px</option>
 <option value="468 x 60 px">468 x 60 px</option>
 
</optgroup>
 <optgroup label="Logo">
 <option value="600 x 200 px">600 x 200 px</option>
 <option value="750 x 200 px">750 x 200 px</option>
 
 <option value="800 x 220 px">800 x 220 px</option>
 <option value="150 x 50 px">830 x 200 px</option>
 </optgroup>
 
</select></span>
 </dd></dl>
 
<dl><dt>
 <label>Endreço do seu fórum :</label></dt>
 
 <dd>Lembre-se que se se não possuir um endereço válido, seu pedido será recusado!<br>
 <input class="inputbox" id="urlforum" tabindex="8" onchange="gerarpedido();" style="width: 300px; clear: both;" type="text">
 </dd></dl>
 
 
<dl><dt>
 <label>Cor do fundo :</label></dt>
 
<dd>Código hexadecimal da cor que deverá ser usada :<br>
 <input tabindex="9" onchange="gerarpedido();" class="inputbox color champ" value="FFFFFF" id="fundo" name="couleur_fond" maxlength="7" onblur="this.style.borderColor='#FFFFFF'" onfocus="this.style.borderColor='#FFFFFF'" style="background: transparent url(http://2img.net/i/fa/wysiwyg/color_swatch.png) no-repeat scroll right center; width: 70px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" type="text">
 </dd></dl>
 
 
<dl><dt>
 <label>Cor da fonte :</label></dt>
 <dd>Código hexadecimal da cor que deverá ser usada :<br>
 <input tabindex="10" onchange="gerarpedido();" class="inputbox color champ" value="FFFFFF" id="fontecor" name="couleur_fond" maxlength="7" onblur="this.style.borderColor='#FFFFFF'" onfocus="this.style.borderColor='#FFFFFF'" style="background: transparent url(http://2img.net/i/fa/wysiwyg/color_swatch.png) no-repeat scroll right center; width: 70px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" type="text">
 </dd></dl>
 
<dl><dt>
 
<label>Fonte :</label></dt><dd><select id="fonte" tabindex="11" onchange="outra('fonte'); gerarpedido();">
 <option value=" "></option>
 
 <option value="Arial" style="font-family: Arial;">Arial</option>
 <option value="Arial Black" style="font-family: Arial Black;">Arial Black</option>
 <option value="Comic Sans MS" style="font-family: Comic Sans MS;">Comic Sans MS</option>
 <option value="Courier New" style="font-family: Courier New;">Courier New</option>
 
<option value="Georgia" style="font-family: Georgia;">Georgia</option>
 <option value="Times New Roman" style="font-family: Times New Roman;">Times New Roman</option>
 
 <option value="Calibri" style="font-family: Calibri;">Calibri</option>
 <option value="Trebuchet MS" style="font-family: Trebuchet MS;">Trebuchet MS</option>
 <option value="Verdana" style="font-family: Verdana;">Verdana</option>
 <option value="Visitor TTK 2" style="">Visitor TTK 2 (usada em Userbars)</option>
 
<option value="">Outra</option>
 </select> <input id="fonteNome" style="display: none; width: 400px;" class="inputbox" value="Qual?" onclick="if (this.value == 'Qual?') this.value = '';" onchange="gerarpedido();" onfocus="if (this.value == 'Qual?') this.value = '';" onblur="if (this.value == '') this.value = 'Qual?';"></dd></dl>
 
 
<dl><dt>
 <label>Animação :</label></dt><dd><select id="animacao" tabindex="12" onchange="outra('animacao'); gerarpedido();">
 <option value=" "></option>
 <option value="Não">Não</option>
 <option value="">Sim</option>
 
</select> <input id="animacaoNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onchange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>
 
<dl><dt>
 
 <label>Moldura :</label></dt><dd><select id="moldura" tabindex="13" onchange="outra('moldura'); gerarpedido();">
 <option value=" "></option>
 <option value="Não">Não</option>
 <option value="">Sim</option>
 </select> <input id="molduraNome" style="display: none; width: 400px;" class="inputbox" value="Como?" onclick="if (this.value == 'Como?') this.value = '';" onchange="gerarpedido();" onfocus="if (this.value == 'Como?') this.value = '';" onblur="if (this.value == '') this.value = 'Como?';"></dd></dl>
 
<dl><dt>
 <label>Descrição do trabalho :</label></dt>
 
 <dd><textarea class="inputbox" id="adicionais" tabindex="14" onchange="gerarpedido();" style="clear: both; height: 100px; width: 500px;"></textarea></dd></dl>
 
</fieldset>
 
<input name="message" type="hidden">
 <input name="subject" type="hidden">
 <input name="mode" value="newtopic" type="hidden">
 <input name="f" value="29" type="hidden">
 <input name="lt" value="0" type="hidden">
 
 
<span class="corners-bottom"><span></span></span></div></div>
 
 
<div class="panel"><div class="inner"><span class="corners-top"><span></span></span>
 <fieldset class="submit-buttons"><input value="Enviar seu pedido gráfico" class="button1" name="post" type="submit"></fieldset>
 <span class="corners-bottom"><span></span></span></div>

<script>gerartitulo();</script></div>

Não é isso ----'

Olá,

Se você reformulasse sua questão, quem sabe nós entenderíamos?

Até mais!

Olá,

Primeiramente, poderia esclarecer melhor sua dúvida? Se esclarecer melhor, poderemos ajuda-lo.

Att!

Tipo esse formulário aqui..

Spoiler:

Quando clica em moldura "sim".. ele não aparece "como?"??

então eu queria fazer um tipo assim.. mais ao invez de aparece um "como?".. eu queria que aparecesse outro "moldura".. com a opção.. sakaram? ._.

Olá novamente,

Isso seria um campo oculto certo?
Que quando clicar aparece outro.
Para qualquer dúvida veja:
https://ajuda.forumeiros.com/-t35148.htm
Campo oculto:

Código:

<input type="hidden" name="nome4" value="como" />

Att!

Ele quer o formulario de pedidos graficos, modificado!

Pesquise pois ah varios topicos com o que você procura!

Até mais

Olá,

Querer o formulário da criação gráfica modificado é isso? se sim diga como quer que eu ajuda a por o que querer o a tirar

Sabe aquele formulário que tem? sobre designer? ai tem moldura.. quando clica sim aparece "como?".. eu queria aprender isso.. quando clica em um derrepenti aparece outro ^^