Динамически создавать HTML-форму с помощью Javascript

Как я могу создать форму с помощью javascript?

У меня нет идеи о том, как действовать дальше, я искал свое лицо, но нет ничего определенного, что может показать мне, как динамически создавать с ним формы.

Thanx заранее!

ОТВЕТЫ

Ответ 1

Я думаю, что размещение полного решения было бы слишком большим, но для этого нужно проверить jQuery. Я даю вам подсказку, jQuery . Append() может быть вам очень полезен:)

Ответ 2

Вы можете попробовать что-то вроде этого:

Часть HTML:

<html>
 <head></head>
 <body>

 <body>
</html>

javascript:

<script>
//create a form
var f = document.createElement("form");
f.setAttribute('method',"post");
f.setAttribute('action',"submit.php");

//create input element
var i = document.createElement("input");
i.type = "text";
i.name = "user_name";
i.id = "user_name1";

//create a checkbox
var c = document.createElement("input");
c.type = "checkbox";
c.id = "checkbox1";
c.name = "check1";

//create a button
var s = document.createElement("input");
s.type = "submit";
s.value = "Submit";

// add all elements to the form
f.appendChild(i);
f.appendChild(c);
f.appendChild(s);

// add the form inside the body
$("body").append(f);   //using jQuery or
document.getElementsByTagName('body')[0].appendChild(f); //pure javascript

</script>

Таким образом вы можете создать столько элементов, сколько хотите динамически.

Ответ 3

Да, вы можете создать любое количество html, включая формы, запустив javascript,

Может быть: `

<html>
  <body>
    <h1>My Form</h1>
    <div id="formcontent">
    </div>
  </body>
</html>

Наш javascript может выглядеть так:

var e1 = document.CreateElement("input");
el.type = "text";
el.name = "myformvar";

var cont = document.GetElementById("formcontent")
cont.appendChild(e1);

Ответ 4

Моя идея состоит в том, что вы можете использовать dform плагин jquery из github для создания форм напрямую, вводя данные как json-данные.

Ответ 5

используйте document.write или если вы хотите больше гибкости использовать jquery

Ответ 7

Моя рекомендация заключалась бы в том, чтобы получить библиотеку underscore.js и использовать ее template для создания ваших форм. (Если подчеркивание слишком велико для вас, функция шаблона может стоять сама по себе).

Ответ 8

ПОПРОБУЙТЕ ЭТО...

 myWin = open("", "displayWindow", "width=800,height=500,status=yes,toolbar=yes,menubar=yes");

                myWin.document.open();
                myWin.document.write("<html><head><title>V E N U S  </title>");
                myWin.document.write("<style type='text/css'>.hdr{.......}</style>");
                     myWin.document.write("</head><body onload='window.print()'>");
                          myWin.document.write("<div class='hdr'>");

                              myWin.document.write("what ever you want");
                              .
                              .


                         myWin.document.write("</div>");               
                     myWin.document.write("</body></html>");
                myWin.document.close();

который создаст в нем форму с DIV...