Campo removivel no formulário
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Campo removivel no formulário
Qual é minha questão:
eu gostaria de dois campos no meu formulário de postagem,como nesse exemplo:
http://jsfiddle.net/WfYu8/
Ao clicar no + Adicionar campo,no X Remover o campo
aí depois que enviasse o formulário aparecesse os que foram preenchidos
Medidas que eu tomei para corrigir o problema:
Eu tentei extrair esse código do gerador de formularios fdf do campo adicionar campos:
https://ajuda.forumeiros.com/h7-gerador-de-formularios
Imagens do meu problema:
http://jsfiddle.net/WfYu8/
Endereço do meu fórum:
we9br.ace.st
Versão do meu fórum:
PHPBB2
eu gostaria de dois campos no meu formulário de postagem,como nesse exemplo:
http://jsfiddle.net/WfYu8/
Ao clicar no + Adicionar campo,no X Remover o campo
aí depois que enviasse o formulário aparecesse os que foram preenchidos
Medidas que eu tomei para corrigir o problema:
Eu tentei extrair esse código do gerador de formularios fdf do campo adicionar campos:
https://ajuda.forumeiros.com/h7-gerador-de-formularios
Imagens do meu problema:
http://jsfiddle.net/WfYu8/
Endereço do meu fórum:
we9br.ace.st
Versão do meu fórum:
PHPBB2
Re: Campo removivel no formulário
Olá!
O código a utilizar será este:
Resolve?
Melhores cumprimentos,
seender
O código a utilizar será este:
O local de vermelho é a quantidade máxima de campos.<style>input#removeim{
background-image: url(https://2img.net/i/fa/admin/icones/supprimer.png);
background-repeat:no-repeat;
background-color: transparent;
border: 0px;
}
input#add_input{
background-image:url(https://2img.net/i/fa/admin/icones/ajouter.png);
background-repeat:no-repeat;
background-color: transparent;
border: 0px;
}</style> <script>
var input = 0;
var iCamposTotal = 3;
function mais(imagem) {
if (input <= iCamposTotal){
var nova = document.getElementById("aqui");
var novadiv = document.createElement("div");
var nomediv = "div";
novadiv.innerHTML = "Imagem "+input+" <img src=https://im0.all-up.com/i/img/puce_fleche.png> <input type='text' name='imagem"+input+"' value='' id='imagem"+input+"' />";
nova.appendChild(novadiv);
input++;
}
}
function function1() {
aqui.removeChild(aqui.lastChild);
input--;
}
</script>
<input type="text" name="campo" value="" id="campo" />
<input type="button" value=" " onClick="mais(campo.value)" id="add_input" />
<input type="button" id="removeim" onClick="function1(); " value=" ">
</p>
<div id="aqui"></div>
Resolve?
Melhores cumprimentos,
seender
Re: Campo removivel no formulário
Não tem como deixar um botão de excluir do lado de cada imagem adicionada? e um campo para descrição para a mesma?
similar a esse campo do gerador fdf:
https://ajuda.forumeiros.com/h7-gerador-de-formularios (porém esse é menu suspenso,eu só preciso de campos dois campos de texto,1 para Link e 1 Para descrição).
Parecido com isso:
http://fiddle.jshell.net/WfYu8/1/show/
similar a esse campo do gerador fdf:
https://ajuda.forumeiros.com/h7-gerador-de-formularios (porém esse é menu suspenso,eu só preciso de campos dois campos de texto,1 para Link e 1 Para descrição).
Parecido com isso:
http://fiddle.jshell.net/WfYu8/1/show/
Tópicos semelhantes
» Deixar campo de formulário opcional
» Formulário 2.0 posta, mas como {{campo}}
» Como criar um campo de texto (formulário)
» Campo de texto para formulario de enviar PM
» Campo no perfil
» Formulário 2.0 posta, mas como {{campo}}
» Como criar um campo de texto (formulário)
» Campo de texto para formulario de enviar PM
» Campo no perfil
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos