How to Create a Form Dynamically Via Javascript

by

some thing as follows ::

Add this After the body tag

This is a rough sketch, you will need to modify it according to your needs.

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

var i = document.createElement("input"); //input element, text
i.setAttribute('type',"text");
i.setAttribute('name',"username");

var s = document.createElement("input"); //input element, Submit button
s.setAttribute('type',"submit");
s.setAttribute('value',"Submit");

f.appendChild(i);
f.appendChild(s);

//and some more input elements here
//and dont forget to add a submit button

document.getElementsByTagName('body')[0].appendChild(f);

</script>

More Related Contents:

  1. Scaling an image to fit on canvas
  2. How to change Gregorian date to Persian date in JavaScript?
  3. Scrolling Overflowed DIVs with JavaScript
  4. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  5. Mobile viewport height after orientation change
  6. How to display a Date object in a specific format using JavaScript?
  7. defer scripts and execution order on browsers
  8. Embedding XML in HTML
  9. Set values in input type date and time in javascript
  10. A form’s “action” and “onsubmit”: Which executes first?
  11. How to slide nav bar from left instead from top?
  12. Show/hide password onClick of button using Javascript only
  13. adding onclick event to dynamically added button?
  14. Save many canvas element as image
  15. Determining if mouse click happened in left or right half of DIV
  16. How to change class for all elements retrieved by document.getElementsByClassName
  17. How to export source content within div to text/html file
  18. How to style canvas elements with CSS
  19. onchange / onclick in a checkbox doesn’t work in IE
  20. I am trying to make a simple toggle button in javascript
  21. How can I determine the background image URL of a div via JavaScript?
  22. How to disable Back button in IE and firefox? [duplicate]
  23. How does inline Javascript (in HTML) work?
  24. HTML prevent space bar from scrolling page
  25. Open link in new window or focus to it if already open
  26. Does “localStorage” in Firefox only work when the page is online?
  27. Disable spaces in Input, AND allow back arrow?
  28. Use of Template with HTML Custom Elements
  29. How to encrypt HTML, CSS and JavaScript to prevent copyright infringement [duplicate]
  30. onclick=”location.href=’link.html'” does not load page in Safari

Leave a Comment