Boa tarde, estou dento dificuldades em inserir a "legend" no "fieldset" usando javascript. As "input" e os textos e inclusive o "fieldset" insere normal, somente a "legend" do "fieldset" que eu não consigo.
Vou postar todo o código, se alguém souber de algo para ajudar agradeço.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript">
var id = 1;
function insere(){
var fieldset = document.createElement("fieldset");
fieldset.setAttribute("id", id);
var legend = document.createElement("legend");
legend.setAttribute("id", "legenda");
var nome = document.createTextNode("Nome");
var telefone = document.createTextNode("Telefone");
var quebra = document.createElement("br");
var quebra2 = document.createElement("br");
var quebra3 = document.createElement("br");
var nome_input = document.createElement("input");
nome_input.setAttribute("name", "nome[]");
var telefone_input = document.createElement("input");
telefone_input.setAttribute("name", "telefone[]");
var teste = document.getElementById("0");
teste.appendChild(quebra);
teste.appendChild(fieldset);
var teste2 = document.getElementById(id);
teste2.appendChild(legend);
teste2.appendChild(nome);
teste2.appendChild(quebra);
teste2.appendChild(nome_input);
teste2.appendChild(quebra2);
teste2.appendChild(telefone);
teste2.appendChild(quebra3);
teste2.appendChild(telefone_input);
++id;
}
</script>
</head>
<body>
<fieldset>
<legend>Empresa</legend>
<form name="form1" onsubmit="return false;">
<fieldset>
<legend>Empresa</legend>
Nome<br/>
<input type="text"><br/>
Telefone<br/>
<input type="text">
</fieldset>
<fieldset>
<legend>Contato</legend>
Nome<br/>
<input type="text"><br/>
Telefone<br/>
<input type="text">
</fieldset>
<div id="0"></div>
<input type="submit" name="submit" value="Inserir" onclick="insere();">
</form>
</fieldset>
</body>
</html>
Pergunta
dinohills
Boa tarde, estou dento dificuldades em inserir a "legend" no "fieldset" usando javascript. As "input" e os textos e inclusive o "fieldset" insere normal, somente a "legend" do "fieldset" que eu não consigo.
Vou postar todo o código, se alguém souber de algo para ajudar agradeço.
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript"> var id = 1; function insere(){ var fieldset = document.createElement("fieldset"); fieldset.setAttribute("id", id); var legend = document.createElement("legend"); legend.setAttribute("id", "legenda"); var nome = document.createTextNode("Nome"); var telefone = document.createTextNode("Telefone"); var quebra = document.createElement("br"); var quebra2 = document.createElement("br"); var quebra3 = document.createElement("br"); var nome_input = document.createElement("input"); nome_input.setAttribute("name", "nome[]"); var telefone_input = document.createElement("input"); telefone_input.setAttribute("name", "telefone[]"); var teste = document.getElementById("0"); teste.appendChild(quebra); teste.appendChild(fieldset); var teste2 = document.getElementById(id); teste2.appendChild(legend); teste2.appendChild(nome); teste2.appendChild(quebra); teste2.appendChild(nome_input); teste2.appendChild(quebra2); teste2.appendChild(telefone); teste2.appendChild(quebra3); teste2.appendChild(telefone_input); ++id; } </script> </head> <body> <fieldset> <legend>Empresa</legend> <form name="form1" onsubmit="return false;"> <fieldset> <legend>Empresa</legend> Nome<br/> <input type="text"><br/> Telefone<br/> <input type="text"> </fieldset> <fieldset> <legend>Contato</legend> Nome<br/> <input type="text"><br/> Telefone<br/> <input type="text"> </fieldset> <div id="0"></div> <input type="submit" name="submit" value="Inserir" onclick="insere();"> </form> </fieldset> </body> </html>Editado por dinohillsLink para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
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.