javascript - 使用 Javascript 动态创建 HTML 表单

标签 javascript html

如何使用 javascript 创建表单?

我不知道如何继续,我一直在谷歌上搜索我的脸,但没有任何确定的东西可以告诉我如何用它动态创建表单。

提前致谢!

最佳答案

你可以尝试这样的事情:

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>

通过这种方式,您可以动态创建任意数量的元素。

关于javascript - 使用 Javascript 动态创建 HTML 表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3297143/

相关文章:

javascript - 不使用 Eval 动态引用 Javascript 数组名称?

javascript - 表单上传文件一次,但当我再次上传同一文件时,它不适用于同一文件

python - 如何使用 Python 更新 HTML 文件中的值?

javascript - 将点击发送到背景 div

javascript - 为什么这个 jQuery 不向下滑动/显示隐藏(向上滑动)的元素?

javascript - 开放时间的 Jquery 逻辑

javascript - 如何将纬度和经度(从 gps 方法)转换为 geometry.location Google map 对象

javascript - 使用随机起始图像滚动图像

html - 缩小时文本变长

html - 当前在网络上使用 MP4/视频的最佳做法是什么?